echarts 折线图 如何加上一个 对比横向

ECharts是一个强大的JavaScript图表库，创建折线图时，如果你想添加对比线（也称为基线或参考线），你可以按照以下步骤操作：

1. **初始化图表**：
首先，在ECharts的配置项（option）中，创建一个数据系列（series）代表折线图，并设置其`type`为`line`。

var option = {
    // 其他配置...
    series: [{
        name: '主线', // 主线条的数据系列名称
        type: 'line',
        data: [dataPoints], // 替换为实际的数据点
    }],
};

2. **添加对比线**：
创建一个新的系列，指定`type`为`line`，设置`yAxisIndex`表示这个系列将与主轴（默认是第一个Y轴）相对应，并设置`symbol`、`lineStyle`等样式使其看起来像横向对比线。例如：

{
    name: '对比线', // 参考线的名称
    type: 'line',
    yAxisIndex: 0, // 指定与主线相同的Y轴
    symbol: 'none', // 无标记点
    lineStyle: { // 设置线的样式
        color: 'gray', // 线的颜色
        width: 2, // 线宽
        type: 'dashed', // 断点线
    },
    data: [referenceLineData], // 替换为与主线对比的点
},

3. **合并配置并渲染图表**：
将上述两个系列合并到`option`的`series`数组中，然后传递给ECharts实例的`setOption`方法，绘制出包含对比线的折线图。

echarts.init(chartDom).setOption(option);