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/

10-12 06:49