Highcharts正在截断子弹图上的x轴标签。我想防止这种情况的发生,并始终显示全文而不缩短。
我试过了
.highcharts-container { overflow: visible !important; }
.highcharts-axis-labels text
{
overflow: visible !important;
}
但是似乎SVG正在执行截断和省略号,而不是CSS,因为您可以通过查看呈现的标记来判断。
<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>
我尝试在javascript中添加以下属性:
labels: {
autoRotation: false,
style: {
width: '200px',
'min-width': '200px'
},
但这是行不通的。如何防止Highchart截断标签文本?
最佳答案
为该标签设置适当的样式,请参见API。
例子:
xAxis: {
labels: {
style: {
textOverflow: 'none'
}
}
}
关于highcharts - 如何防止高位图用省略号缩短标签,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/30935345/