Javascript 有没有办法减少chart.js(数据抽取)中显示的数据点数量
我正在使用chart.js库在Ionic framework中呈现给定时间段内传感器数据的折线图。随着数据点数量的增加,折线图开始被压缩。我想减少折线图上的数据点数量,同时仍然表示完整的数据范围。是否有任何插件可以帮助数据抽取 我尝试过使用插件chartjs pluging downsample:Javascript 有没有办法减少chart.js(数据抽取)中显示的数据点数量,javascript,typescript,chart.js,ionic4,Javascript,Typescript,Chart.js,Ionic4,我正在使用chart.js库在Ionic framework中呈现给定时间段内传感器数据的折线图。随着数据点数量的增加,折线图开始被压缩。我想减少折线图上的数据点数量,同时仍然表示完整的数据范围。是否有任何插件可以帮助数据抽取 我尝试过使用插件chartjs pluging downsample: 您是否可以共享用于缩小数据点的代码检查此输出您是否可以添加任何详细信息,如:使用的代码、遇到的错误问题,向社区展示你的尝试。这是一个很好的选择。 phData:ChartDataSets[]=[{d
您是否可以共享用于缩小数据点的代码检查此输出您是否可以添加任何详细信息,如:使用的代码、遇到的错误问题,向社区展示你的尝试。这是一个很好的选择。
phData:ChartDataSets[]=[{data:[],label:'ph',borderColor: "#00EEFF",fill: false,lineTension:0,yAxisID:'ph',pointRadius:0}]
phLabels: Label[];
phType = 'line';
phOptions= {
responsive: true,
maintainAspectRatio: true,
spanGaps: true,
legend: {
display: false
},
title: {
display: true,
text: 'ph sensor',
fontColor: "white"
},
scales:{
yAxes:[
{
id:'ph',
type:'linear',
position:'left',
gridLines: {
drawOnChartArea: false,
color: "#FFFFFF"
},
ticks: {
fontColor: "white",
stepSize: 0.5,
},
scaleLabel: {
display: true,
labelString: 'ph scale',
fontColor: "white"
},
},
],
xAxes: [{
gridLines: {
drawOnChartArea: false,
color: "#FFFFFF"
},
ticks: {
fontColor: "white",
autoSkip:true,
maxTicksLimit:10
},
}]
},
options:{
downsample: {
enabled: true,
threshold:30,
auto: false,
onInit: true,
preferOriginalData: true,
restoreOriginalData: false,
},
},
};