echarts 如何在使用缩放功能的时候绘制的多条垂直于x轴的竖线还可以拖动

可以通过使用 echarts 的 dataZoom 和 graphic 组件来实现缩放和拖动竖线的功能。具体实现步骤如下：

1. 在 option 中添加 dataZoom 组件，并设置其 type 为 inside 或 slider，使其可以实现缩放功能。

2. 在 option 中添加 graphic 组件，并设置其元素类型为 line，位置和长度可以根据需要自行设置。

3. 在 line 元素上添加 draggable 属性，使其能够实现拖动功能。

下面是一个示例代码：

option = {
    // 其他配置项
    dataZoom: [{
        type: 'inside'
    }, {
        type: 'slider'
    }],
    graphic: [{
        type: 'line',
        shape: {
            x1: 50,
            y1: 0,
            x2: 50,
            y2: 200
        },
        draggable: true,
        cursor: 'move',
        style: {
            stroke: '#000'
        }
    }]
}

在上述代码中，dataZoom 组件类型分别为 inside 和 slider，表示可以在图表内部和底部添加缩放条。graphic 组件中添加了一条竖线，位置为 x=50，长度为 200，样式为黑色实线。同时设置 draggable 属性为 true，使其能够实现拖动功能。最后设置 cursor 属性为 'move'，以改变鼠标指针样式，提高交互体验。