echarts折线图移动

以下是使用Echarts实现折线图移动的方法：
1. 在Echarts中，可以通过设置`dataZoom`组件来实现折线图的移动。具体来说，可以设置`dataZoom`的`type`为`slider`，并将`xAxisIndex`设置为对应的x轴的索引，然后在`option`中设置`dataZoom`的`start`和`end`属性来控制折线图的显示范围。

option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [820, 932, 901, 934, 1290, 1330, 1320],
        type: 'line'
    }],
    dataZoom: [{
        type: 'slider',
        xAxisIndex: 0,
        start: 0,
        end: 100
    }]
};

2. 另外，也可以通过设置`toolbox`组件中的`dataView`来实现折线图的移动。具体来说，可以在`option`中设置`toolbox`的`feature.dataView`的`readOnly`属性为`false`，然后在页面中添加一个数据视图的按钮，用户可以通过数据视图来移动折线图。

option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [820, 932, 901, 934, 1290, 1330, 1320],
        type: 'line'
    }],
    toolbox: {
        feature: {
            dataView: {
                readOnly: false
            }
        }
    }
};

3. 另外，还可以通过设置`visualMap`组件来实现折线图的移动。具体来说，可以设置`visualMap`的`type`为`continuous`，然后在`option`中设置`visualMap`的`min`和`max`属性来控制折线图的显示范围。

option = {
    xAxis: {
        type: 'category',
        data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [820, 932, 901, 934, 1290, 1330, 1320],
        type: 'line'
    }],
    visualMap: {
        type: 'continuous',
        min: 0,
        max: 100,
        dimension: 0
    }
};