ReactEcharts折线图缩放与时间绑定

这两天在做ehcarts图标的时候遇到了一些问题，总结一下~~

需求：可拖动的折线图与旭日图进行联动，点击折线图折点，旭日图同步更新，

好了直接上代码

const lineEchartsOption = (params, yAxis) => ({

    title: {

      text: '',

      textStyle: {

        color: '#666C73',

        fontSize: 18,

      },

      left: 'center',

    },

    tooltip: {

      trigger: 'axis' as 'axis' | 'none' | 'item' | undefined,

    },

    grid: {

      left: 0,

      right: '4%',

      bottom: '50px',    // 使用dataZoom的时候自己调试一下时间轴的位置

      top: 30,

      // top: 30,

      containLabel: true,

    },

    xAxis: {

      type: 'category' as 'category' | 'value' | 'time' | 'log' | undefined,<