javascript - Highcharts :为什么列栏中的dataLabels文本不合理并且溢出

我正在使用Highcharts柱形图。这是我的demo。

现在我的问题是：


如您所见，第一列的dataLabel文本为
溢出并移动到酒吧区域之外而不是
限制在酒吧区域内并且变得合理。具体来说：dataLabel文本This is column 1. This is column 1. This is column 1.应该被限制在x轴类别为Smallest Priority且颜色为red的第一列栏中，而不是溢出并移出红色的列栏中。我有
参考plotOptions.series.dataLabels文档并使用
选项如下：

series: {
dataLabels: {
    enabled: true,
    align: 'center',
    color: '#FFFFFF',
    inside: true,
    overflow:"justify"//should work but it is not working
},
pointPadding: 0.1,
groupPadding: 0

}


同样，当drilldown时，dataLabels被裁剪，溢出的文本被隐藏。为此，我尝试了以下选项：

dataLabels: {
    format: 'This is drilldown of column 1',
    crop:false,
    overflow:"justify"
},

但这似乎也不起作用。

任何帮助将不胜感激 ！谢谢 ！！

最佳答案

最后，我使用了dataLabels.style.width属性来限制列栏中的dataLabels文本。这是我更新的DEMO

设置dataLabels宽度的代码：

dataLabels: {
     style:{
             width:100
     }
}

关于javascript - Highcharts :为什么列栏中的dataLabels文本不合理并且溢出，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/24633254/