减少高图表中 X 轴上的数据点数量

Question

通过 api 调用，我有返回 Highcharts 图表的数据、日期时间数组（以毫秒为单位）和相应的值（yAxis）。我每 15 分钟获取一次数据。它们在移动设备上呈现。 当我渲染每月视图时，我得到太多数据点 (4*24*30) 无法可视化。 我只想每天可视化 1 个数据点，这将是这 4 个（季度）* 24 个数据点的平均值。 我尝试了 xAxis 选项 minRange、minTickInterval、tickAmount、tickInterval，......但他们没有做这项工作。 有什么建议吗？

Answer 1

如果您使用的是 Highcharts Stock，您可以使用 dataGrouping 来实现。 Highcharts Stock 包含所有 Highcharts 功能，因此如果您不想使用 Stock，您可以使用 Highcharts 构造函数。

plotOptions: {
  series: {
    dataGrouping: {
      forced: true,
      units: [["day", [1]]]
    }
  }
},

API 参考：
https://www.highcharts.com/docs/stock/data-grouping https://api.highcharts.com/highstock/plotOptions.series.dataGrouping

现场演示：
https://stackblitz.com/edit/highcharts-angular-stock-ydnfmd?file=src/app/app.component.ts

恐怕如果没有dataGrouping，唯一的选择就是自己过滤/解析您的数据。