减少高图中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-groupinghttps://api.highcharts.com/highstock/plotOptions.series.dataGrouping

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

[恐怕没有dataGrouping，唯一的选择就是自行过滤/解析数据。