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

Vue.js Apexcharts:是否可以显示给定序列的子集?默认情况下,我只需要关注一个系列的最后5个元素,而不是整个系列,vue.js,apexcharts,Vue.js,Apexcharts,我只需要关注数组的最后5个元素,并允许pan显示我系列的其他部分。可能吗? 图表:{ 类型:'bar', 工具栏:{ 秀:没错, 工具:{ 下载:错, 选择:正确, 真的, 没错, 是的, 潘:是的, 重置:真|“”, 自定义图标:[] }, 自动选择:“缩放” }, }, 系列:[{ 名称:'销售', 数据:[30,40,45,50,49,60,70,91125] }], xaxis:{ 键入:“日期时间”, 类别:['01/01/1991','01/01/1992','01/01/1993

我只需要关注数组的最后5个元素,并允许pan显示我系列的其他部分。可能吗?

图表:{
类型:'bar',
工具栏:{
秀:没错,
工具:{
下载:错,
选择:正确,
真的,
没错,
是的,
潘:是的,
重置:真|“”,
自定义图标:[]
},
自动选择:“缩放”
},
},
系列:[{
名称:'销售',
数据:[30,40,45,50,49,60,70,91125]
}],
xaxis:{
键入:“日期时间”,
类别:['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图表=新的ApexCharts(document.querySelector(“图表”),选项);
chart.render()```

我找到了一个解决方案。退房

这很容易:要仅显示数据的一个子集,您需要设置
xaxis
min值

  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(); ```