어떻게하면 하이 차트에서 스크롤바가 작동합니까?

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:{} 없다, 그래서 당신의 차트에 대한 데이터가 코드입니다. 이 변경을 시도 할 수,

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

  이 코드가 여전히 작동하지 않는 경우 :

코드 :

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

및

여분의 쉼표는 문제가 있으므로 제거됩니다 :

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

with this :

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