在 ECharts 中,你可以通过 axisLabel 属性来配置 x 坐标轴刻度标签的样式和显示方式。以下是一个示例:
option = {
    xAxis: {
        type: 'category',
        data: ['类目1', '类目2', '类目3', '类目4', '类目5'],
        axisLabel: {
            show: true,    // 是否显示刻度标签
            interval: 0,    // 强制显示所有标签
            rotate: 45,     // 旋转角度,单位为度
            margin: 10,     // 与轴线的距离
            formatter: '{value}%',  // 标签的格式化器
            textStyle: {
                color: 'blue',  // 标签文字颜色
                fontSize: 12,    // 标签文字大小
                fontWeight: 'bold'  // 标签文字粗细
                // 其他样式属性...
            }
        }
    },
    yAxis: {
        type: 'value',
        name: 'Y轴名称'
    },
    series: [{
        type: 'bar',
        data: [10, 20, 15, 25, 18]
    }]
};

在上述代码中,axisLabel 的属性包括:

  •  show: 是否显示刻度标签。

  •  interval: 强制显示所有标签,可以设置为 0 表示显示所有标签,也可以设置为其他整数表示间隔显示。

  •  rotate: 旋转角度,单位为度,用于调整标签的显示方向。

  •  margin: 与轴线的距离,用于调整标签与轴线的间距。

  •  formatter: 标签的格式化器,可以自定义显示内容,这里使用 {value} 表示显示刻度值。

  •  textStyle: 标签文字的样式,包括颜色、大小、粗细等。


你可以根据实际需求调整这些参数的值。


转载请注明出处:http://www.zyzy.cn/article/detail/5175/ECharts