Highchart - 在列范围图表上添加滚动条

Question

我试图在柱形范围图表上添加垂直滚动条，但是当我向上或向下移动 X 轴时，图例会重叠这些点。如何修复 X 轴和图例？ 该图表已导入 Looker 平台，但我可以更改 .js 代码

代码是：

 chart: {
    scrollablePlotArea: {
      minHeight: 800
    },
    animation: false,
    backgroundColor: 'rgba(0, 0, 0, 0)',
    inverted: true,
    style: {
      fontFamily: 'inherit',
    },
    type: 'columnrange',
  },
  legend: {
    enabled: true,
    itemStyle: {
      color: 'var(--vis-color-text4)',
      fontWeight: 'normal',
    },
    navigation: {
      activeColor: '#666666',
    },
  },
  plotOptions: {
    columnrange: {
      borderRadius: 5,
      dataLabels: {
        enabled: false,
      },
      grouping: false,
      groupPadding: 0.74,
      pointPadding: 0,
      minPointLength: 3,
    },
    
  xAxis: {
    categories: [],
       labels: {
      data: [],
      events: {},
      style: {
        fontSize: '9pt',
      },
    },
    title: null,
  },
  yAxis: {
    type: 'datetime',
    opposite: true,
    title: {},
    endOnTick: true,
    labels: {},
  },

谢谢你