Echarts K线图手机端手势滑动事件实现 - 替代鼠标滚动

要将echarts上K线图的鼠标滚动事件改成手机屏幕上的手势滑动事件，可以使用echarts提供的移动端适配方案。具体操作如下：

1. 引入echarts的移动端适配库'echarts-mobile.min.js'。

2. 将K线图容器div的id改为canvas的id。

3. 在js中使用以下代码进行初始化：

var myChart = echarts.init(document.getElementById('canvas'), 'dark');
myChart.setOption(option);

4. 在option中添加以下配置：

option = {
    // 开启手势缩放和滑动
    dataZoom: [{
        type: 'inside',
        xAxisIndex: [0],
        start: 50,
        end: 100
    }, {
        type: 'slider',
        xAxisIndex: [0],
        start: 50,
        end: 100
    }],
    // 配置触摸事件处理函数
    tooltip: {
        triggerOn: 'mousemove|click|touchstart|touchmove',
        // 自定义触摸事件处理函数
        formatter: function(params) {
            // 格式化tooltip内容
            return params.data.time + '<br>开盘价：' + params.data.open + '<br>收盘价：' + params.data.close + '<br>最低价：' + params.data.low + '<br>最高价：' + params.data.high;
        }
    }
};

以上代码中，dataZoom的配置可以开启手势缩放和滑动，而tooltip中的triggerOn属性可以配置触摸事件的类型，包括mousemove、click、touchstart和touchmove。同时，可以自定义触摸事件处理函数来实现和鼠标滚动一致的功能。

5. 通过以上步骤，就可以将echarts上K线图的鼠标滚动事件改成手机屏幕上的手势滑动事件，并且手势滑动事件做的事和鼠标滚动一致。