echart生成折柱图画垂直线段代码

以下是一个简单的示例代码，可以在 ECharts 中生成折柱图并画垂直线段：

// 初始化 ECharts 实例
var myChart = echarts.init(document.getElementById('main'));

// 指定图表的配置项和数据
var option = {
    // x 轴数据
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    // y 轴数据
    yAxis: {
        type: 'value'
    },
    // 数据系列
    series: [{
        // 折线图
        name: 'Line',
        type: 'line',
        data: [120, 132, 101, 134, 90, 230, 210]
    }, {
        // 柱状图
        name: 'Bar',
        type: 'bar',
        data: [220, 182, 191, 234, 290, 330, 310]
    }]
};

// 使用刚指定的配置项和数据显示图表
myChart.setOption(option);

// 画垂直线段
myChart.getZr().add(new echarts.graphic.Line({
    shape: {
        x1: myChart.convertToPixel({seriesIndex: 0}, 2),
        y1: myChart.convertToPixel({seriesIndex: 0}, 0),
        x2: myChart.convertToPixel({seriesIndex: 0}, 2),
        y2: myChart.convertToPixel({seriesIndex: 0}, 5)
    },
    style: {
        stroke: 'red',
        lineWidth: 2
    }
}));

希望这个代码能够帮到你！