如何基於x軸寬度計算Highcharts中的組填充

Question

我正在使用Highcharts在我正在處理的網頁上呈現不同的圖表。 一些圖表具有單列，而其他圖表具有多個數據系列。 x軸上的類別數也不同。 另外，網頁設計具有響應性，因此圖表寬度會發生變化。

我不想在每個組的每一列之間留任何空間，但是組之間應該有距離。 每列的大小應固定。 換句話說，我需要為groupPadding設置值。

我將pointPadding設置為0。但是，當圖表寬度不同時，為了防止重疊的列和/或它們之間的空間，我發現我必須自己在javascript代碼中計算groupPadding。 由於圖表中的所有差異，該groupPadding值必須是動態的。

我知道如何通過數學方式進行此操作，但是由於該值不是恆定的，因此需要以編程方式獲取xAxis寬度。 我的第一個想法是使用圖表容器的寬度，但是x軸小於此寬度，因為y軸和邊距/間距使用空間。

渲染圖表后可以獲取x軸寬度，但是我需要在此之前-也就是說，當我將所有選項設置為圖表時。 我怎樣才能做到這一點？

Answer 1

您無法獲得該值，因為它不存在。 但是，在這種情況下，您會有加載事件。

在這種情況下，您可以訪問this.xAxis[0].width ，它是軸的寬度。 然后，您可以簡單地進行計算並調用this.series[0].update({ groupPadding: new_value });