Highstock / Highcharts数据分组视口/画布之外的点

时间:2015-11-26 09:55:11

标签: javascript highcharts highstock

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

当我将unit更改为year时,我希望在中心的x轴上只有一个刻度线。但相反,唯一的点位于视口/画布外部的左侧。该图表看起来完全是空的。只有当您悬停时,您才会获得指示上述行为的工具提示 示例:https://jsfiddle.net/5bpj3dgu/1/

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

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:2)

Highstock支持

dataGrouping,因此在使用StockChart构造函数时,图表正在运行。可以通过选项禁用不需要的功能。

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

dataGrouping有一个选项smoothed,可让您在分组范围的中间放置一个点。

将2个系列与不同的smoothed选项进行比较:https://jsfiddle.net/36o50rp4/1/

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

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