Question

我使用echarts来可视化投资组合的绩效。我想规范有关dataZoom操作的数据。

这gif可以更好地描述我的整个目标。

如您所见，每次数据时所有图形都从0开始。

我不太确定如何有效解决此问题。我承认我不了解echarts的全部功能。

这是我的option设置

return {
    title: {
      left: 'center',
      text: 'Candlestick Chart'
    },

    axisPointer: {
      link: [{
        xAxisIndex: [0,1]
      }]
    },

    legned: {
      top: 30
    },

    dataZoom:
      {
        id: 'dataZoomX',
        type: 'slider',
        realtime: true,
        start: 0,
        end: 100,
        top: 265,
        height: 40,
        filterMode: 'empty'
      },


    xAxis: {
      data: null,
      boundaryGap: false,
      scale: true,
      min: 'dataMin',
      max: 'dataMax',
      axisPointer: {
        show: true
      }
    },

    yAxis: {
      scale: true,
      splitArea: {
          show: true
      },
      offest: 2,
      splitNumber: 2,
      axisLine: { lineStyle: {color: '#777'}}
    },

    series: null
  }

我想听datazoomEvent来计算归一化数据并更改chart.options.series = normalizePortfolioData。但是这种方法看起来很沉重。 echarts中是否有任何内置功能可以更改以满足我的需求。

如果您对此问题有任何最佳做法，我将不胜感激。预先谢谢你！

echarts-事件的数据标准化

0 个答案: