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

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()，您不想遍历所有数据。像我上面那样使用直接访问。