하이 차트 - 한 차트에서 다른 차트로 데이터 다시 쓰기

Question

예에서 데이터는 무작위로 생성됩니다. 버튼을 클릭 한 후 확대/축소 유형을 변경해야합니다. 새가 생성되지 않고

$(function() { 

var chartOptions={ 
     chart:{ 
      zoomType : 'x', 
      events : { 
       load : function() { 
       var series = this.series[0]; 
        var chart = this; 
        setInterval(function() { 
         var x = (new Date()).getTime(), 
         y = Math.round(Math.random() * 100); 
         series.addPoint([x, y]); 
         chart.redraw(); 
        }, 1000); 
       } 
      } 
     }, 
     series : [{ 
      name : 'AAPL', 
      data : [null] 
     }] 
    }; 

$('#container').highcharts('StockChart', chartOptions); 

$('#button').click(function() { 
    var chart1 = $('#container').highcharts(); 
    //alert(chart1.series[0].yData); 
    chartOptions.chart.zoomType = 'y'; 
    $('#container').highcharts(chartOptions); 
}); 
}); 

은 클릭 버튼 한 후, 기존의 차트가 사라집니다. 방화범은 TypeError: e is undefined이고 줄은 series.addPoint([x, y]);입니다. series is undefined입니다.

chartOptions은 클릭 처리기에서 전역이므로 한 속성 (zoomType)이 변경되고 나머지는 동일해야합니다.

alert(chart1.series[0].yData);은 올바른 데이터를 보여줍니다. 그래서 시도 :

$('#button').click(function() { 
    var chart1 = $('#container').highcharts(); 
    //alert(chart1.series[0].yData); 
    chartOptions.chart.zoomType = 'y'; 
    var chart2 = $('#container').highcharts(chartOptions); 
    chart2.series[0].setData(chart1.series[0].data); 
    chart2.redraw(); 
}); 

그런 다음 불을 지르고는 chart2.series is undefined을 보여줍니다

.

Answer 1

destroychart() 차트를 사용하지 않고 하이 차트에서 확대/축소 유형을 업데이트하고 새 인스턴스를 만들 수 없습니다. . 즉,

chart1.destroy() 

VAR 그림 2 = $ ('# 용기') highcharts (chartOptions)를 사용한다; 당신이 setExtremes을 사용할 수 있습니다 어떤 축 (줌 차트)에 설정 범위를하려는 경우

() 함수 chartOptions 또는 chart2.series 당신이 $ .extend를 ({} 사용할 필요가 undefinded됩니다 http://api.highcharts.com/highstock#Axis.setExtremes()

, chartoptions)

$('#container').highcharts($.extend({},chartoptions);