Apexcharts:是否可以显示给定系列的子集?默认情况下,我只需要关注系列的最后5个元素...而不是整个系列

时间:2019-09-18 08:30:33

标签: vue.js apexcharts

我只需要关注数组的最后5个元素,并让pan显示我系列的另一部分。可能吗? Here my example

  chart: {
    type: 'bar',
    toolbar: {
          show: true,
          tools: {
            download: false,
            selection: true,
            zoom: true,
            zoomin: true,
            zoomout: true,
            pan: true,
            reset: true | '<img src="/static/icons/reset.png" width="20">',
            customIcons: []
          },
          autoSelected: 'zoom' 
        },
  },
  series: [{
    name: 'sales',
    data: [30,40,45,50,49,60,70,91,125]
  }],
  xaxis: {
    type: 'datetime',
    categories: ['01/01/1991','01/01/1992','01/01/1993','01/01/1994','01/01/1995','01/01/1996','01/01/1997', '01/01/1998','01/01/1999']
  }
}

var chart = new ApexCharts(document.querySelector("#chart"), options);

chart.render(); ```

1 个答案:

答案 0 :(得分:0)

我找到了解决方案。检出https://github.com/yarolegovich/DiscreteScrollView

这非常简单:仅显示数据的子集,您需要设置xaxis最小值。