How to prevent highcharts from shortening labels with ellipsis -


highcharts truncating x-axis label on bullet chart. want prevent happening , show full text without shortening.

enter image description here

i have tried

.highcharts-container { overflow: visible !important; } .highcharts-axis-labels text     {      overflow: visible !important;   } 

but seems svg doing truncation , ellipsis, not css can tell seeing rendered markup.

<text x="229.0625" style="color: rgb(96, 96, 96); cursor: default;     font-size: 9px; padding: 0px; fill: rgb(96, 96, 96);" text-anchor="middle"   transform="translate(0,0)" y="32" opacity="1"> <tspan>47…</tspan> <title>47.5k</title> </text> 

i have tried adding following property in javascript:

labels: {     autorotation: false,     style: {     width: '200px',     'min-width': '200px' }, 

but not work. how can prevent highcharts truncating label text?

set proper styles labels, see api.

example:

xaxis: {     labels: {         style: {             textoverflow: 'none'         }     }  } 

Comments

Popular posts from this blog

powershell Start-Process exit code -1073741502 when used with Credential from a windows service environment -

twig - Using Twigbridge in a Laravel 5.1 Package -

c# - LINQ join Entities from HashSet's, Join vs Dictionary vs HashSet performance -