2013-06-21 5 views
4

일부 시리즈를 추가하고 싶습니다. (저는 3dim 배열로 webservice에서 시리즈 데이터를 얻습니다. (그리고 json으로 반환합니다) -로드 할 시리즈 수를 알지 못합니다. 시리즈 데이터를 동적으로).Highcharts 동적으로 시리즈를 추가합니다.

자바 스크립트에서 나는 개체를 건물입니다 (이 highstock 예처럼 : http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/stock/demo/compare/)

seriesOptions[i] = { 
    name: namearray[i], 
    data: dataarray 
}; 

e.g. result: [Object { name="Series", data=[[1041375600000, 29,9]]}] 

이 같은 일련의 추가하려고했다 :

$.each(seriesOptions, function (itemNo, item) { 
    chart.addSeries({       
     name: item.name, 
     data: item.data 
    }, false); 
}); 
chart.redraw(); 

을하지만 차트는 시리즈를 그립니다 좀 이상하고 나던 날짜로 타임 스탬프로 변환.
웹 서비스의 차트 데이터에 문제가 있습니까? 지금까지 어떤 도움 http://jsfiddle.net/DGdaf/2/

감사 :

여기 내 코드입니다. 차트 타임 라인/줌 값의 모든 기본 값을 ignoeres처럼

편집
보인다. 왜 이러한 구성 요소가 표시되지 않는지 전혀 알 수 없습니다.
초기화 후 차트를 그리는 것이 문제 일 수 있습니다.

chart = new Highcharts.Chart(options); 

하지만 동적 시리즈 로딩을해야합니다. 내가 너무 많은 데이터 또는 무언가를로드하고 경우

EDIT2
나는 확실하지 않다. 내 시리즈를 동적으로 만들 수 없습니다. 당신의 y 축에 대한

for(i=0; i<seriesOptions.length; i++){ 
     chart.addSeries({       
      name: seriesOptions[i].name, 
      data: seriesOptions[i].data 
     }, true); 

    }; 
+0

jsFiddle 샘플 데이터에 추가 할 수 있습니까? –

+0

3dim 배열과 js 객체의 샘플 데이터 : http://jsfiddle.net/eAu32/ – spyfx

+0

아래 내 대답을 참조하십시오. –

답변

4

설정 :

yAxis: { 
    type: 'datetime' 
} 

참조 fiddle

편집 : 타임 라인/줌 http://jsfiddle.net/DGdaf/5/

편집 : 차트가 준비되면 를 사용하여 콜백 시리즈를 추가 . 그러나 차트를 만들 때이 시리즈를 추가하지 않는 이유는 무엇입니까?

chart = new Highcharts.Chart(options, function(ch) { 

     $.each(seriesOptions, function (itemNo, item) { 
      ch.addSeries({       
       name: item.name, 
       data: item.data 
      }, false); 

     }); 
     chart.redraw(); 
    }); 
+0

http://img823.imageshack.us/img823/2685/7y5l. jpg 알아요 - 당신보다 더 많은 데이터를 사용하고 있지만, 왜 내 차트가 점을 그리는 지 – spyfx

+0

이고 타임 라인/확대/축소 값도 없습니다 – spyfx

+0

타임 라인/확대/축소는 어느 것입니까? 왜 이것이 잘못된 방식으로 렌더링되었다고 생각합니까? –

관련 문제