如何使滚动条在highcharts中工作

我正在创建一个highchart，希望在其中启用滚动条。我的滚动条不工作，有什么想法我可能会错过这里

$('#add_trans').highcharts('StockChart', {
            chart: {
                borderColor: '#801500',
                borderRadius: 20,
                borderWidth: 1,
                type: 'line',
                events: {
                    load: function(chart) {
                        this.setTitle(null, {

                        });
                    }
                },
                zoomType: 'x'

            },
            exporting: {
                enabled: true
            },
            legend: {
                enabled: true
                },
            rangeSelector: {
                buttons: [{
                        type: 'minute',
                        count: 60,
                        text: 'hourly'
                    }, {
                    type: 'all',
                    text: 'All'
                }],
               // selected: 1
            },
            scrollbar: {
                enabled: true
            },
            navigator : {
                enabled : true
            },
             xAxis: {
             labels: {
                enabled: true
                }

            },

            yAxis : {
                title : {
                    text : 'Response Time'
                },

                tickInterval: 100
            },

        });

---

可能导致错误的一些错误：

• highcharts代码中没有

  系列：{}

  ，因此代码中没有图表数据
• 额外的逗号会导致问题，因此请删除：

代码：

以及：

如果您的代码仍然无法工作，您可以尝试更改以下内容：

<script type="text/javascript" src="js/highcharts.js"></script>

为此：

<script type="text/javascript" src="http://www.highcharts.com/js/highstock.js"></script>

我已经在使用highstock.js，我已经删除了多余的逗号。没有变化，我仍然无法滚动。我正在使用jquery选项卡，出于某种原因，它正在影响highcharts，不确定发生了什么

<script type="text/javascript" src="js/highcharts.js"></script>

<script type="text/javascript" src="http://www.highcharts.com/js/highstock.js"></script>