如何让Highstock图表X轴与Y轴指定最小值处相交
Highstock图表X轴与Y轴最小值位置存在间隙问题
我使用Highstock图表,已为Y轴设置min值为10000,需求是让X轴线条与Y轴在指定的最小值位置相交,但目前两者之间存在间隙。
当前Y轴配置代码:
yAxis: { opposite: true, crosshair: false, min:10000, },
问题图示:
解决方案
在Y轴配置中添加startOnTick: false、endOnTick: false,同时设置minPadding: 0和maxPadding: 0,修改后的配置如下:
yAxis: { opposite: true, crosshair: false, min: 10000, startOnTick: false, endOnTick: false, minPadding: 0, maxPadding: 0 },
原理
Highstock默认开启startOnTick属性(值为true),会强制轴从最近的刻度线位置起始,即便手动设置了min值,也会自动调整轴的起始位置,从而产生间隙。关闭startOnTick和endOnTick后,轴会严格遵循你设置的min值定位,配合minPadding: 0消除额外内边距,就能让X轴与Y轴的最小值位置精准相交。
内容的提问来源于stack exchange,提问作者shahrooz bazrafshan
相关产品推荐
相关产品推荐

