如何在Highcharts中允許縱向和橫向滾動？

Question

我想在Angular應用程序中使用Highcharts（ highcharts-angular as wrapper）創建一個在X和Y軸上具有動態項目數的圖表。

我想使用瀏覽器scrollablePlotArea （它提供原生滾動功能）使其可以水平和垂直滾動。

我嘗試設置Highcharts文檔中提到的必需選項，並將它們傳遞給圖表。 但該圖表並未同時顯示兩個滾動條。

下面是一段示例代碼，我正在使用：

chartOptions = {
  chart: {
    width: 400,
    height: 400,
    scrollablePlotArea: {
      minHeight: 800, 
      minWidth: 800
    }
  }
}

但在這種情況下只顯示水平滾動條。 如果我刪除minWidth屬性，則顯示垂直高度。 我知道Highstock確實支持滾動，但我希望使用本機滾動使用Highcharts實現。

幫我解決這個問題。

編輯 ：添加小提琴以供參考

Answer 1

嘗試這個：

chartOptions = {
  chart: {
    width: 400,
    height: 400
},
    xAxis: {

        scrollbar: {
            enabled: true
        }

    },
    yAxis: {
          scrollbar: {
            enabled: true
        }

    }

}