Highcharts:为什么列栏内的dataLabel文本没有得到证明并且溢出

时间:2014-07-08 13:35:00

标签: javascript jquery charts highcharts

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

现在我的问题是:

  • 如您所见,第一列dataLabel的文字是 溢出并移动到酒吧区域外而不是 限制在酒吧区域内并获得合理性。 具体来说:dataLabel文字This is column 1. This is column 1. This is column 1.应限制在第一个列栏内,x轴类别Smallest Priorityred颜色,而不是溢出和走出红色的柱栏。我有 提交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"
},

但这似乎也不起作用。

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

1 个答案:

答案 0 :(得分:0)

最后,我使用dataLabels.style.width属性来约束列栏内的dataLabels文本。这是我更新的 DEMO

设置dataLabels宽度的代码:

dataLabels: {
     style:{
             width:100
     }
}