chart.js折线图中最后3h个数据值的总和

Question

我在chart.js中有一个问题，我有一个线图，y轴是整数类型，x轴是时间类型，以小时为单位。 我有一个包含10个数据点的数据集。

现在我只想要最近3个小时的总和。 我知道，如何对所有这些求和，而不是选择特定的求和，而无需编写一些大代码。

那么，chart.js或moment.js中是否内置有任何简单的解决方案？

谢谢。

Answer 1

我不完全了解您的要求。 但是，如果您有一个数组（数据点）并且需要使用一些最后的元素，则可以使用arr.slice（-3） 。

使用chart.js检查此示例：

 let ctx = document.getElementById("myChart").getContext('2d'); let myChart = new Chart(ctx, { type: 'line', data: { labels: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9], datasets: [{ label: 'datapoints', backgroundColor: 'rgba(0, 0, 0, 0)', borderColor: 'rgba(255, 99, 132, 1)', data: [12, 19, 3, 15, 2, 3, 7, 10, 5, 8], borderWidth: 2 }] }, options: { scales: { yAxes: [{ ticks: { beginAtZero:true } }] } } }); let nLastElements = 3; let sum = myChart.data.datasets[0] .data .slice(-nLastElements) .reduce((a, b) => a + b, 0); console.log("Sum of last " + nLastElements + " elements: " + sum); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.bundle.min.js"></script> <canvas id="myChart" width="400" height="200"></canvas>