echarts 横坐标label值旋转

echarts 横坐标label值旋转

• 设置旋转角度：通过设置 xAxis.axisLabel.rotate 属性来实现横坐标标签的旋转。正值表示向右倾斜，负值表示向左倾斜。23
• 竖排显示：将标签文字改为竖版显示，可以通过 axisLabel.formatter 函数实现，将字符串分割后换行连接。48
• 控制显示间隔：使用 axisLabel.interval 属性控制标签的显示间隔，设置为 0 表示显示所有标签。3

示例代码

option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
        axisLabel: {
            rotate: -20, // 向左倾斜
            interval: 0, // 显示所有标签
            formatter: function (value) {
                var str = value.split("");
                return str.join("\n");
            }
        }
    },
    yAxis: {},
    series: []
};

通过上述设置，可以实现 ECharts 中横坐标标签的旋转和竖排显示，以适应较长的标签或增加可读性。159