在 ECharts 中,你可以通过 inverse 属性来配置 x 坐标轴的反向,通过 axisTick 和 axisLabel 的 interval 属性来设置坐标轴标签的留白。

以下是一个示例:
option = {
    xAxis: {
        type: 'category',
        data: ['类目1', '类目2', '类目3', '类目4', '类目5'],
        inverse: true, // 设置坐标轴反向
        axisTick: {
            interval: 0 // 强制显示所有刻度
        },
        axisLabel: {
            interval: 0, // 强制显示所有标签
            margin: 10  // 设置标签与轴线的距离
        }
    },
    yAxis: {
        type: 'value',
        name: 'Y轴名称'
    },
    series: [{
        type: 'bar',
        data: [10, 20, 15, 25, 18]
    }]
};

在上述代码中:

  •  inverse: true 用于设置 x 坐标轴的反向,如果为 false 则是正向。

  •  axisTick 的 interval: 0 强制显示所有刻度,避免刻度的间隔。

  •  axisLabel 的 interval: 0 强制显示所有标签,避免标签的间隔。

  •  axisLabel 的 margin 参数用于设置标签与轴线的距离。


你可以根据需要调整这些参数的值。


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