请参阅小提琴code
http://jsfiddle.net/yuvarajkumarg/az290eyq/1/
在Chart类型的Highchart中,当我们绘制height = 0和pressure = 2时,我们得到一个间隙,如jsfiddle所示。我希望点在X轴上绘制(2,0)。但是图表看起来像是在(2,2)上绘制的,因为y轴图从x轴上方开始。如何消除差距?
答案 0 :(得分:0)
问题是分类轴。 围绕这个问题可能有几种方法,但我会这样做(在你的xAxis上):
tickmarkPlacement: 'on',
min:0.5,
max:6.5
示例:
您也可以不使用类别,并使用轴标签格式化程序来显示所需的数字序列。
[[编辑评论:
对于最小值和最大值 - 分类轴的x轴值是类别数组索引值。所以第一类是x = 0,第二类是x = 1,等等。
因为Highcharts将标签放在值的空间的中心,所以将min / max设置为实际的最小/最大值+/- 0.5将使空间的中心与轴的开始/结束对齐。< / p>
因此,您可以使用0.5作为min动态计算,并计算categories数组并使用(count -1.5)作为最大值。
此外,将tickmarkPlacement
proerty设置为'on'也会将刻度线移动到空间的中心,同时将刻度线与轴的起点/终点对齐。