我正在使用Highstock显示图表,但它在图表上方显示不需要的空白区域,如下图所示。如何移除图表上方的空白区域
图1: 禁用折线图(黑色)后,仍然显示空白空间,如下图所示。
Chart2:
但是当我禁用热图表它删除图表上方的空的空间。
Chart3:
我的问题,我怎么能能够在图表1和图表2在图表通过设置除去不必要的空间,像3
我正在使用Highstock显示图表,但它在图表上方显示不需要的空白区域,如下图所示。如何移除图表上方的空白区域
图1: 禁用折线图(黑色)后,仍然显示空白空间,如下图所示。
Chart2:
但是当我禁用热图表它删除图表上方的空的空间。
Chart3:
我的问题,我怎么能能够在图表1和图表2在图表通过设置除去不必要的空间,像3
我建议禁用alignTicks
选项并使用tickPositioner
。简单的演示:http://jsfiddle.net/73hoqk8p/10
在图2中的不必要的空间可以除去(默认为false
)。 Here's the documentation该选项:
如果为true,则隐藏一个系列后,轴将缩放到剩余的可见系列。如果为false,隐藏和显示系列不会影响轴或其他系列。对于堆栈,一旦堆栈中的一个系列被隐藏,即使轴不受影响,堆栈的其余部分也会关闭。默认为true。
这可能是由'chart.alignTicks'选项引起的,它试图匹配坐标轴上的舍入数字(记号)。将它设置为“false”,应该会更好。我建议在[API](http://api.highcharts.com/highcharts#chart.alignTicks)中阅读关于该选项的更多信息。 –
是@PawełFus我知道这是由于alighTicks引起的,但如果你看看图2,在图2中添加2000以上的空白空间是没有意义的,而不是禁用如果我将删除折线图并绘制再次,它不会显示空的空间。问题是如果折线图被禁用,它不应该显示空白空间。 – Abdul
请重新创建jsFiddle问题。我会检查这一点。 –