如何讓高滾動條上的滾動條工作

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>