如何防止highcharts用省略号缩短标签

Question

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'
},

但它不起作用.如何防止highcharts截断标签文本？

Answer 1

为该标签设置适当的样式,请参阅API.

例:

xAxis: {
    labels: {
        style: {
            textOverflow: 'none'
        }
    } 
}