Vue.js Apexcharts:是否可以显示给定序列的子集?默认情况下,我只需要关注一个系列的最后5个元素,而不是整个系列
我只需要关注数组的最后5个元素,并允许pan显示我系列的其他部分。可能吗?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
图表:{
类型:'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(); ```