包含大量数据的折线图:跳过标签

Question

我想用一年的数据画一个折线图。总积分约为264件。

我想在 x 轴上组织标签，而不是每个点。比如说，在一个月内我有大约 22 分，我想每个月有 3 个标签。

你能帮我一下吗：最优雅的方法是什么？

Answer 1

使用存储您拥有的所有值的数组(如果要更新图表、显示其他值或减少 AJAX 调用(。然后使用另一个数组来显示要显示的数据。您需要一个适当的函数来复制和过滤旧数组。

在这里，我使用每五个元素：

let delta = 5
let displayedData = []
for (let i = 0; i < allData.length; i=i+delta) {
displayedData.push(allData[i]);
}

您可以通过不同的方式计算增量，也可以使用完全不同的方法来获取数据。

旁注：不要使用.filter()，你不想浏览所有数据。像我上面所做的那样使用直接访问。