在 ECharts 中,你可以通过 inverse 和 boundaryGap 属性来实现 y 轴的反向和留白配置。以下是一个示例:
option = {
    yAxis: {
        type: 'value',
        inverse: true, // 设置为 true 表示反向坐标轴
        boundaryGap: ['20%', '20%'], // 设置坐标轴两边留白百分比
        // 其他 yAxis 配置项可以根据需要添加
    },
    xAxis: {
        type: 'category',
        data: ['A', 'B', 'C', 'D', 'E'],
    },
    series: [
        {
            type: 'bar',
            data: [10, 20, 15, 25, 30]
        }
    ]
};

在上述示例中,inverse 属性设置为 true 表示反向坐标轴,使得坐标轴的数值从上到下递减。而 boundaryGap 属性设置了坐标轴两边的留白百分比,这可以确保坐标轴的最大值和最小值在两端显示时有一定的间距。

根据实际需求,你可以调整 inverse 的值和 boundaryGap 的百分比,以满足你的设计要求。


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