echarts y轴基准线

ECharts 中可以通过设置 `yAxis.axisLine.onZero` 属性来实现 Y 轴基准线的显示。将该属性设置为 `true`，则会在 Y 轴上显示一条基准线，基准线的位置就是 Y 轴的零点。

例如：

option = {
  xAxis: {...},
  yAxis: {
    axisLine: {
      onZero: true // 显示 Y 轴基准线
    },
    ...
  },
  series: {...}
};

如果想要自定义基准线的样式，可以设置 `yAxis.axisLine.lineStyle` 属性，例如：

option = {
  ...
  yAxis: {
    axisLine: {
      onZero: true, // 显示 Y 轴基准线
      lineStyle: {
        color: 'red', // 基准线颜色为红色
        width: 2 // 基准线宽度为 2
      }
    },
    ...
  },
  ...
};

相关问题

echarts y轴如何不显示负坐标

要隐藏 ECharts 图表中 Y 轴上的负坐标，可以使用 yAxis.axisLine.onZero 属性来控制 Y 轴是否在 0 值处画一条基准线。将该属性设置为 `false`，就可以让 Y 轴从最小值处开始画图，避免显示负坐标。以下是一个示例代码：

option = {
  // ... 其他配置项
  yAxis: {
    type: 'value',
    axisLine: {
      onZero: false // 不在 0 值处画基准线
    }
  },
  // ... 其他配置项
};

上述代码中，将 yAxis.axisLine.onZero 属性设置为 `false`，就可以不在 0 值处画基准线，从而避免显示负坐标。需要注意的是，如果 Y 轴的数据区间包含了 0 值，那么这种方式可能会不太合适，因为没有基准线可能会让数据的相对大小比较难以比较。

echarts的基准线增加legend

ECharts是一个强大的数据可视化库，用于创建交互式图表。如果你想要在ECharts中添加基准线并显示在图例（Legend）中，你可以这样做：

1. 首先，确保你在`series`选项里设置了基准线（grid）的数据，例如：

   series: [{
       name: '数据系列',
       type: 'line', // 或者其他折线图、面积图等
       data: ...,
       // 添加基准线配置
       grid: {
           baseline: ['50%', '70%'], // 设置两个基准线，分别对应y轴的50%和70%
           linestyle: { // 定义基准线样式
               color: 'rgba(0, 0, 0, 0.1)', // 线条颜色
               width: 1, // 线宽
           },
       },
   }],

2. 然后，为了在图例中显示基准线，需要设置`legend`部分，包括基准线在内：

   legend: {
       data: ['数据系列', '基准线一', '基准线二'], // 添加基准线名称到图例
       // 如果基准线不在series的数据上，则可以手动添加：
       itemStyle: {
           normal: {
               show: false, // 基准线默认不会显示在图形上，这里关闭
           },
           emphasis: {
               show: true, // 强调模式下显示
           }
       },
       // 其他legend配置...
   },