我正在使用Highcharts在我正在处理的网页上呈现不同的图表。有些图表有单列,其他图表有几个数据系列。 x轴上的类别数也不同。此外,网页设计是响应式的,因此图表宽度会发生变化。
我不希望每个组的每列之间有任何空格,但组之间应该有距离。每列的大小应该是固定的。换句话说,我需要设置groupPadding的值。
我已经将pointPadding设置为0.但是为了防止图表宽度不同时它们之间的重叠列和/或空格,我已经发现我必须在javascript代码中自己计算groupPadding。由于我在图表中的所有差异,这个groupPadding值必须是动态的。
我知道如何以数学方式完成此操作,但我需要以编程方式为此获取xAxis宽度,因为该值不是常量。我的第一个想法是使用图表容器的宽度,但x轴小于这个,因为y轴和边距/间距使用空间。
在渲染图表后可以获得x轴宽度,但我之前需要这个 - 也就是说,当我将所有选项设置为图表时。我怎么能这样做?
答案 0 :(得分:0)
之前您无法获得该值,因为它不存在。但是,对于此类情况,您有load个事件。
在这种情况下,您可以访问this.xAxis[0].width
,即轴的宽度。然后,您只需进行计算并拨打this.series[0].update({ groupPadding: new_value });