highcharts - 你如何让滚动条在highcharts中工作

Question

我正在创建一个高图，我希望在其中启用滚动条。我的滚动条不起作用，有什么我可能在这里遗漏的想法吗？

$('#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
            },

        });

Answer 1

一些可能的错误错误：

• 您的 highcharts 代码中没有series:{}，因此代码中没有图表的数据。
• 额外的逗号会导致问题，因此请删除：

代码：

yAxis : {
title : {
    text : 'Response Time'
},
 tickInterval: 100
},//comma from here if there is no section after it

和：

rangeSelector: {
    buttons: [{
            type: 'minute',
            count: 60,
            text: 'hourly'
        }, {
        type: 'all',
        text: 'All'
    }],         //from here if next statement is commented
   // selected: 1
}, 

如果您的代码仍然不起作用，您可以尝试更改：

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

有了这个 ：

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