如何在highcharts热图上使用滚动条？

如果我将滚动条应用于热图（通过highcharts），则在滚动时，数据与x轴标签重叠。 目前热图上不支持滚动条吗

请检查是否更清晰

$(function () {
   Highcharts.chart('container', {

            chart: {
                type: 'heatmap',
                marginTop: 40,
                marginBottom: 80,
                plotBorderWidth: 1
            },

            plotOptions: {
                series: {
                    dataLabels: {
                        enabled: true,
                        style: {
                            fontWeight: 'normal'
                        }
                    }
                }
            },

            title: {
                text: ''
            },

            xAxis: {
                categories: ['A', 'B', 'C', 'D', 'E']
            },

            yAxis: {
                categories: ['AE', 'AQ', 'DF', 'CV', 'XC', 'FG'],
                title: null,
              min: 0,
              max: 5,
              scrollbar: {
                enabled: true
              }
            },

            colorAxis: {
                min: 0,
                minColor: '#FFFFFF',
                maxColor: Highcharts.getOptions().colors[0]
            },

            legend: {
                align: 'right',
                layout: 'vertical',
                margin: 0,
                verticalAlign: 'top',
                y: 25,
                symbolHeight: 280
            },

            tooltip: {
                formatter: function () {
                    return '<b>' + this.series.yAxis.categories[this.point.y] + '</b> has been awarded <b>
        ' +
        this.point.value + ' $
    </b> in <br><b>  ' + this.series.xAxis.categories[this.point.x] + '</b>';
                }
            },
            exporting: { enabled: false },
            credits: {
                enabled: false
            },
            series: [{
                name: 'Sales per employee',
                borderWidth: 1,
                data: [[0, 0, 3432], [0, 1, 32323], [0, 2, 23232], [0, 3, 0], [0, 4, 34064], [0, 5, 324], [0, 6, 33], [1, 0, 8292921], [1, 1, 34234234], [1, 2, 150895], [1, 3, 0], [1, 4, 432432], [1, 5, 312274], [1, 6, 532541], [2, 0, 1253412], [2, 1, 145933], [2, 2, 432423], [2, 3, 0], [2, 4, 2722052], [2, 5, 44284], [2, 6, 34324], [3, 0, 35434257], [3, 1, 0], [3, 2, 267659], [3, 3, 0], [3, 4, 4234320], [3, 5, 342340], [3, 6, 0], [4, 0, 1525929], [4, 1, 34073], [4, 2, 139196], [4, 3, 117], [4, 4, 0], [4, 5, 137038], [4, 6, 61571]],
                dataLabels: {
                    enabled: true,
                    color: '#000000'
                }
            }]

        });
    });

$（函数（）{
Highcharts.chart（'容器'{
图表：{
类型：'热图'，
玛金托普：40，
marginBottom:80，
绘图边框宽度：1
},
打印选项：{
系列：{
数据标签：{
启用：对，
风格：{
fontWeight:“正常”
}
}
}
},
标题：{
文本：“”
},
xAxis：{
类别：['A'，'B'，'C'，'D'，'E']
},
亚克斯：{
类别：['AE'，'AQ'，'DF'，'CV'，'XC'，'FG']，
标题：空，
分:0,，
最高：5，
滚动条：{
已启用：true
}
},
颜色轴：{
分:0,，
minColor:“#FFFFFF”，
maxColor:Highcharts.getOptions（）.Color[0]
},
图例：{
对齐：“右”，
布局：“垂直”，
保证金：0，
垂直排列：“顶部”，
y:25，
符号高度：280
},
工具提示：{
格式化程序：函数（）{
返回“”+此.series.yAxis.categories[this.point.y]+”已被授予
' +
this.point.value+'$
在
'+this.series.xAxis.categories[this.point.x]+''中；
}
},
正在导出：{enabled:false}，
学分：{
已启用：false
},
系列：[{
名称：“每位员工的销售额”，
边框宽度：1，
数据：[[0，0，0，0，0，0，3432，（0，1，1，23，（0，1，1，1，1，1，1，1，2，2323232，（0，3，0，（0，4，0，（0，0，（0，0，0，0，0，0，0，2，1，1，1，1，1，1，1，1，2，2，3，3，3，（0，4，4，3，3，3，3，340064，340064，（0 0，4，4，4，4，4，4，4，4，4，（0，4，（0，4，4，4，4，4，4，（0，4，4，4，4，4，4，4，4，4，4，4四四四四四四四四四四四四四四四四四四四四四四四四四四四四四四四四四四四四四四四四四四四四四四四四四四四[3,1,0],，[3, 2, 267659], [3, 3, 0], [3, 4, 4234320], [3, 5, 342340], [3, 6, 0], [4, 0, 1525929], [4, 1, 34073], [4, 2, 139196], [4, 3, 117], [4, 4, 0], [4, 5, 137038], [4, 6, 61571]],
数据标签：{
启用：对，
颜色：'#000000'
}
}]
});
});

设置为

none

和

true

：

plotOptions: {
  series: {
    dataLabels: {
      overflow: 'none',
      crop: true,

例如：