javascript - Highstock/Highcharts 数据分组视口(viewport)/ Canvas 之外的点

Question

我正在使用 Highstock 中的 dataGrouping 设置按时间对数据进行分组。
如果我在 x 轴上有多个刻度(例如，当使用 day 作为 unit 时)，它就可以正常工作。
此处示例:https://jsfiddle.net/5bpj3dgu/

当我将 unit 更改为 year 时，我希望中心的 x 轴上只有一个刻度。但是相反，唯一的点位于视口(viewport)/ Canvas 之外的左侧。图表看起来完全是空的。仅当您悬停时，您会收到指示上述行为的工具提示。
此处示例:https://jsfiddle.net/5bpj3dgu/1/

此外，我注意到我必须使用 forced: true 才能让 Highcharts 执行 dataGrouping，我完全不明白。

非常感谢任何帮助。

Answer 1

Highstock 支持

dataGrouping，因此当使用 StockChart 构造函数时，图表可以正常工作。可以通过选项禁用不需要的功能。

JSFiddle:https://jsfiddle.net/36o50rp4/

dataGrouping 有一个选项 smoothed这将允许您在分组范围的中间放置一个点。

比较具有不同平滑选项的 2 个系列:https://jsfiddle.net/36o50rp4/1/

但是，如果 Highstock 没有理由从空白区域启动 xAxis，那么它不会，因此 smoothed 设置为 false 的两个系列将创建一个在左边缘有点的图表的图表。这可以通过为 xAxis 或 minPadding 设置 min 来解决。

JSFiddle:https://jsfiddle.net/36o50rp4/2/