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

Highcharts 修复highchart中使用的分组类别插件第二级中的标签重叠,highcharts,Highcharts,在上面的高图中,第二层的标签似乎超出了边界,这可能与“蔬菜”重叠,而第一层的标签前面有“…”有什么方法可以处理这个问题吗?您可以设置useHTML标志并对标签使用CSS样式 .highcharts-axis-labels.highcharts-xaxis-labels > span { word-break: break-all!important; white-space: normal!important; widt


在上面的高图中,第二层的标签似乎超出了边界,这可能与“蔬菜”重叠,而第一层的标签前面有“…”有什么方法可以处理这个问题吗?

您可以设置useHTML标志并对标签使用CSS样式

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

示例:

您可以设置useHTML标志并对标签使用CSS样式

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