echart 滑动鼠标指示线时，更换图片

你可以通过ECharts提供的事件监听机制来实现滑动鼠标指示线时更换图片的效果。具体步骤如下：

1. 在ECharts的option中设置tooltip属性，并开启triggerOn和axisPointer属性，以启用滑动鼠标指示线的功能。

option = {
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            type: 'cross',
            label: {
                backgroundColor: '#6a7985'
            }
        },
        triggerOn: 'mousemove' // 开启滑动鼠标指示线
    },
    ...
};

2. 监听ECharts的tooltip事件，该事件会在鼠标移动时触发。在事件处理函数中获取当前鼠标指向的数据项，并根据数据项的值更换图片。

myChart.on('tooltip', function (params) {
    var dataIndex = params[0].dataIndex;
    var value = params[0].value;
    var imgUrl = '';
    if (value > 50) {
        imgUrl = 'img1.png';
    } else {
        imgUrl = 'img2.png';
    }
    // 更换图片
    document.getElementById('img').src = imgUrl;
});

在事件处理函数中，你可以根据具体的业务需求来更换图片，例如根据数据项的值、时间等条件来选择不同的图片。同时，你也可以将更换图片的代码替换为其他操作，例如修改文本内容、更新数据等等。