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.
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?
Comments
Post a Comment