echars折线图增加柱状背景

要在 Echarts 折线图上增加柱状背景，您可以使用 Echarts 的双轴图功能。具体步骤如下：

1. 首先，在 Echarts 的 option 中添加一个 yAxis 和一个 series。

option = {
    ...
    yAxis: [
        {
            type: 'value'
        },
        {
            type: 'value',
            axisLine: {
                lineStyle: {
                    color: '#ccc'
                }
            }
        }
    ],
    series: [
        {
            name: '折线图',
            type: 'line',
            data: [10, 20, 30, 40, 50],
            yAxisIndex: 0
        },
        {
            name: '柱状背景',
            type: 'bar',
            barWidth: '50%',
            data: [20, 30, 40, 50, 60],
            yAxisIndex: 1,
            itemStyle: {
                normal: {
                    color: '#f2f2f2'
                }
            },
            barCategoryGap: '-50%'
        }
    ],
    ...
};

2. 添加一个双轴图的 yAxis，其中第二个 yAxis 的 axisLine 设置为灰色。

3. 在 series 中添加两个数据系列，一个是折线图，一个是柱状背景。其中柱状背景的 yAxisIndex 设置为 1，表示该数据系列使用的是第二个 yAxis。同时，需要设置柱状背景的 itemStyle，将其颜色设置为灰色。还需要将柱状背景的 barCategoryGap 设置为负数，表示将柱状背景插入到折线图中。

4. 最后，使用 Echarts 的 setOption 方法将 option 设置给 Echarts 实例即可。

注意事项：这里的例子是使用 Echarts 4.x 版本，如果您使用的是其他版本，可能会有不同的 API。