ECharts 柱形图 X 轴标签超出省略号处理方法

要在 ECharts 柱形图的 X 轴标签中使用省略号，您可以使用 ECharts 的 formatter 属性来自定义标签的显示方式。以下是一个示例：

option = {
    xAxis: {
        type: 'category',
        data: ['长一点的标签1', '长一点的标签2', '长一点的标签3', '长一点的标签4', '长一点的标签5'],
        axisLabel: {
            formatter: function (value, index) {
                // 定义每个标签的最大长度
                var maxLength = 6;
                if (value.length > maxLength) {
                    // 超过最大长度时，使用省略号代替
                    return value.substring(0, maxLength) + '...';
                } else {
                    return value;
                }
            }
        }
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [120, 200, 150, 80, 70],
        type: 'bar'
    }]
};

在上面的示例中，我们使用了 axisLabel 的 formatter 属性来定义标签的显示方式。如果标签的长度超过了最大长度（这里定义为 6 个字符），则使用 substring 函数截取前 6 个字符，并在末尾添加省略号。否则，直接返回原始标签。

这样，当标签过长时，会显示为带有省略号的形式，以便更好地适应图表的显示。