减少 X 轴高图表中的点数

Reduce no of points in X axis HighChart

本文关键字：高图表 减少      更新时间：2023-09-26

我有一个有 4 条曲线的高图。X轴有很多点，所以看起来很拥挤。我已经启用了 X 轴上的缩放，所以缩放后，值很好，但在初始渲染时，X 轴上的值非常接近。有没有办法 最初显示更少的点 ，然后在放大时显示更多值或任何其他选项，例如添加滚动条。

下面的代码添加缩放：

> chart: {
>             zoomType: 'x'
>         },

有关完整的代码，请在下面找到小提琴

：在这里小提琴

是的。

1(摆脱类别。图表自然会选择要显示的适当数量的即时报价。 如果您对它选择的内容不满意，可以显式设置 tickInterval 属性。

2(如果您希望标签显示"第 x 周"，您可以使用标签格式化程序函数来实现：

  • http://jsfiddle.net/jlbriggs/fjaq8v9m/2/

3( 如果数据不是在第 1 周开始的，则可以使用 pointStart 和 pointInterval 属性

  • http://jsfiddle.net/jlbriggs/fjaq8v9m/3/

4(或者，您可以使用datetime轴类型，并将标签格式设置为返回为周数。

相关文章：