【发布时间】:2019-09-21 21:13:07
【问题描述】:
升级到 Highcharts 版本 5.0.14 后,我使用 textOverflow: 'ellipsis' 的带有很长标签的条形图之一不再工作了。整个图表在右侧被截断,左侧有很多空白。
我尝试删除以下 x 轴样式配置:
textOverflow: 'ellipsis',
whiteSpace: 'nowrap',然后图表渲染得很好。但是如果标签文本变得太长并且不希望它换行,我真的需要省略号。所以这不是我理想的解决方案。
在这里查看 jsfiddle 中的问题:https://jsfiddle.net/1so3fezm/2/
我可以通过为 x 轴标签指定 width 以及所需的标签省略号来部分解决问题:
textOverflow: 'ellipsis',
whiteSpace: 'nowrap',
width: 150,但是由于我的图表可以使用不同宽度的选项来呈现,因此修复标签宽度也修复了我的图表宽度,这不是我想要的。任何帮助表示赞赏!
【问题讨论】:
-
你似乎有
xAxis.labels.useHTML: true,但我不确定我看到你在使用它吗?似乎不设置它(或false)可能会避免这个问题? -
@HalvorHolstenStrand 我永远也想不通!请将其添加为答案,以便我接受。
标签: javascript highcharts bar-chart axis-labels ellipsis