ECharts yAxis nameLocation 的使用

15 min read

ECharts 的 yAxis 组件是用来配置图表的纵坐标轴的，而 nameLocation 是 yAxis 的属性之一，用来设置坐标轴名称的位置。

nameLocation 可以设置的值有：

  1. 'start'：表示坐标轴名称显示在起始位置；
  2. 'middle'：表示坐标轴名称显示在中间位置；
  3. 'center'：与 'middle' 相同，表示坐标轴名称显示在中间位置；
  4. 'end'：表示坐标轴名称显示在结束位置。

下面是一个使用 nameLocation 的示例：

option = {
    yAxis: {
        name: '销量',
        nameLocation: 'end', // 将坐标轴名称显示在结束位置
        type: 'value'
    },
    xAxis: {
        data: ['衬衫', '羊毛衫', '雪纺衫', '裤子', '高跟鞋', '袜子']
    },
    series: [{
        name: '销量',
        type: 'bar',
        data: [5, 20, 36, 10, 10, 20]
    }]
};

在这个示例中，yAxis 的 nameLocation 属性被设置为 'end'，表示将坐标轴名称显示在结束位置。