高图 - 图表类型,x和y轴的间隙(0,0)

时间:2015-03-17 12:53:41

标签: highcharts

请参阅小提琴code http://jsfiddle.net/yuvarajkumarg/az290eyq/1/

在Chart类型的Highchart中,当我们绘制height = 0和pressure = 2时,我们得到一个间隙,如jsfiddle所示。我希望点在X轴上绘制(2,0)。但是图表看起来像是在(2,2)上绘制的,因为y轴图从x轴上方开始。如何消除差距?

1 个答案:

答案 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'也会将刻度线移动到空间的中心,同时将刻度线与轴的起点/终点对齐。

相关问题