在highchart中使用的第二级分组类别插件中修复标签重叠

Question

在上面的高级图中，第二级的标签似乎移出了界限，这可能会重叠“蔬菜”＃34;与第一级标签不同的是＃34; ....＆＃34;有办法解决这个问题吗？

Answer 1

您可以设置useHTML标志并将CSS样式用于标签。

   .highcharts-axis-labels.highcharts-xaxis-labels > span {
            word-break: break-all!important;
            white-space: normal!important;
        width:80px!important;
        text-align:center;
    }

示例：http://jsfiddle.net/TFhd7/533/