如何在Highcharts中允许垂直和水平滚动？

Question

我正在尝试使用Angular应用程序中的Highcharts（highcharts-angular作为包装器）制作一个在X和Y轴上都有动态项目数的图表。

我想使用浏览器scrollablePlotArea（提供本机滚动功能）使其在水平和垂直方向均可滚动。

我尝试设置Highcharts documentation中提到的必需选项，并将其传递给图表。但是该图表不会一次显示两个滚动条。

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

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

但是在这种情况下，仅显示水平滚动条。如果删除minWidth属性，则会显示垂直高度。我确实知道 Highstock 确实支持滚动，但是我希望可以通过使用本机滚动的Highcharts来实现。

帮助我解决此问题。

编辑： 添加fiddle供参考

Answer 1

尝试一下：

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

        scrollbar: {
            enabled: true
        }

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

    }

}