하이 차트 여러 데이터 시리즈

Question

높은 차트 시리즈에 추가하려는 데이터 배열이 몇 개 있습니다. 두 번째 또는 세 번째 배열을 추가 할 때 오류 또는 setData가 정의되지 않았습니다. 첫 번째 시리즈는 올바르게 그리기 시작합니다.

  $('#container').highcharts({ 
      chart: {}, 
      series: [{ 
       data:[] 
      }] 
     }); 



     function showChart() { 

     var series1 = [1, 52, 5, 98, 5, 929, 1, 9, 48]; 
     var series2 = [1, 92, 35, 8, 25, 729, 61, 29, 38]; 
     var series3 = [1, 59, 75, 26, 25, 829, 11, 19, 48]; 

     var mySeries = []; 

     var chart = $('#container').highcharts(); 

     chart.series[0].setData(series1); 
     chart.series[1].setData(series2); 
     chart.series[2].setData(series3); 
     chart.redraw(); 

    }//end show chart 

Answer 1

당신은 초기에는 더 여기에 하나의 빈 일련의 차트를 만들 :

series: [{ 
    data:[] 
}] 

chart.series[1] (두 번째 시리즈)와 chart.series[2] (세 번째 시리즈) 그러므로 정의되지 않습니다.

코드에 대한 빠른 수정이 될 수 다음 above methods에

var chart = $('#container').highcharts(); 
var series1 = [1, 52, 5, 98, 5, 929, 1, 9, 48]; 
var series2 = [1, 92, 35, 8, 25, 729, 61, 29, 38]; 
var series3 = [1, 59, 75, 26, 25, 829, 11, 19, 48]; 

chart.series[0].setData(series1, false); // setData on existing series, don't redraw 
chart.addSeries({data: series2}, false); // add new series, don't redraw 
chart.addSeries({data: series3}, true); // add new series, now redraw 

되지 부울 인수가 다시 그리기를 제어합니다.

예 here.