highcharts 5.0.14 问题与 textOverflow
highcharts 5.0.14 issue with textOverflow
升级到 Highcharts 版本 5.0.14 后,我的一张使用 textOverflow: 'ellipsis'
标签很长的条形图不再工作了。整个图表在右侧被截断,左侧有很多白色 space。
我尝试删除以下 x 轴样式配置:
textOverflow: 'ellipsis',
whiteSpace: 'nowrap'
,然后图表呈现正常。但如果标签文本变得太长并且不希望它换行,我真的需要省略号。所以这不是我理想的解决方案。
在此处查看 jsfiddle 中的问题:https://jsfiddle.net/1so3fezm/2/
我可以通过为 x 轴标签指定 width
以及所需的标签省略号来部分解决问题:
textOverflow: 'ellipsis',
whiteSpace: 'nowrap',
width: 150
,但由于我的图表可以使用不同宽度的选项呈现,固定标签宽度也会固定我的图表宽度,这不是我想要的。任何帮助表示赞赏!
您的示例已激活 xAxis.labels.useHTML: true
(API)。删除 useHTML
或将其设置为 false
似乎无需任何进一步操作即可解决问题,因为您没有主动使用 HTML 功能。
查看 this updated JSFiddle 的使用情况。
升级到 Highcharts 版本 5.0.14 后,我的一张使用 textOverflow: 'ellipsis'
标签很长的条形图不再工作了。整个图表在右侧被截断,左侧有很多白色 space。
我尝试删除以下 x 轴样式配置:
textOverflow: 'ellipsis',
whiteSpace: 'nowrap'
,然后图表呈现正常。但如果标签文本变得太长并且不希望它换行,我真的需要省略号。所以这不是我理想的解决方案。
在此处查看 jsfiddle 中的问题:https://jsfiddle.net/1so3fezm/2/
我可以通过为 x 轴标签指定 width
以及所需的标签省略号来部分解决问题:
textOverflow: 'ellipsis',
whiteSpace: 'nowrap',
width: 150
,但由于我的图表可以使用不同宽度的选项呈现,固定标签宽度也会固定我的图表宽度,这不是我想要的。任何帮助表示赞赏!
您的示例已激活 xAxis.labels.useHTML: true
(API)。删除 useHTML
或将其设置为 false
似乎无需任何进一步操作即可解决问题,因为您没有主动使用 HTML 功能。
查看 this updated JSFiddle 的使用情况。