在Highcharts固定y轴标签宽度(Fixed y-axis label width in Hi

我建立其中两个Highcharts图表垂直堆叠的，并且旨在以共享相同的x轴单元和对准的数据呈现。 像这样：

注意，由于在y轴范围对于两个不同的图表，y轴标签是不同的宽度，因此图表本身稍有不同的宽度打破了很好的x轴对准。

这将是巨大，以便能够固定图表（或相反的Y轴标签），以确保两个图表排队的宽度。 我探索的API，并起到了位与直接在各种生成的元素，但没有运气设置造型。 这似乎可以或许实现使用自定义标签格式这一目标，但该股格式（如，如果我没做任何定义自定义）相当的缩写大的数，这样的。

想法，如何修正图表或y轴标签宽度？

Answer 1:

如果设置了chart.marginLeft选项，它会覆盖自动大小的标签，因此y轴会对齐。

Answer 2:

有点哈克的方式，但应该工作：

• 设置两个X轴width ，例如400像素
• 所有轴设置（x-轴和Y轴） right ，例如20像素

现在，Y轴应该具有相同的宽度，也同样极端等。

另一个（甚至更好）的解决方案是使用两个窗格为Highcharts。 它的工作原理完全一样的方式在Highstock，见例如： http://www.highcharts.com/stock/demo/candlestick-and-volume

Answer 3:

这是一个迟到的回答，但你现在可以做同样的Highcharts对象中多个图表。 你不必手动试图迫使Y轴使用此方法时对齐，如Highcharts会做所有的工作适合你。

http://www.highcharts.com/demo/combo

文章来源: Fixed y-axis label width in Highcharts