2013-04-17 4 views
5

: 모든 짝수 키와 모든 홀수 값이어야한다Highcharts 시리즈 데이터 배열

18,635,21,177,20,165,22,163,24,162,25,145,19,143,23,139,26,112,27,110,28,104,30,91,29,88,31,68,32,57,36,55,34,53,33,51,35,46,37,44,39,42,43,39,42,39,41,38,38,37,44,36,45,34,48,31,40,31,47,27,49,23,46,21,50,21,52,17,55,17,53,16,51,15,54,12,58,6,57,6,59,4,63,4,56,3,62,2,64,2,100,2,68,1,78,1,60,1,97,1,70,1,65,1,69,1,71,1 

하는 중. 하지만 highcharts 데이터로 구문 분석하는 방법을 모르겠습니다. 어떻게 든 JSON.parse를 사용하면 키가 "슬라이스"가되어 정상적으로 작동 할 수있는 유일한 방법은 이와 같은 시리즈 데이터에 직접 배치하는 것입니다 (이상한 코드와 별도의 배열을 분리 한 후) :

[names[0] + ' years old', parseFloat(values[0])] 

어느 것이 좋습니다. 그렇지만 어떻게 든 배열을 반복해야합니다. 모든 것을 시리즈 데이터로 밀어 넣고 어떻게 해야할지 모르겠습니다. 이 데이터로 for 루프를 만들면 하이 차트 계열 데이터에 어떻게 삽입합니까?

+0

두 배열의 데이터를 분리하는 것이 문제입니까? 몇 가지 코드를 공유 할 수 있습니까? – shakib

답변

13

당신이 배열에서 그 일련의 데이터가있는 경우 다음과 같이 처리 할 수 ​​있습니다 :

var myData = [18, 635, 21, 177, 20, 165, 22, 163, 24, 162, 25, 145, 19, 143, 
      23, 139, 26, 112, 27, 110, 28, 104, 30, 91, 29, 88, 31, 68, 32, 
      57, 36, 55, 34, 53, 33, 51, 35, 46, 37, 44, 39, 42, 43, 39, 42, 
      39, 41, 38, 38, 37, 44, 36, 45, 34, 48, 31, 40, 31, 47, 27, 49, 
      23, 46, 21, 50, 21, 52, 17, 55, 17, 53, 16, 51, 15, 54, 12, 58, 6, 
      57, 6, 59, 4, 63, 4, 56, 3, 62, 2, 64, 2, 100, 2, 68, 1, 78, 1, 60, 
      1, 97, 1, 70, 1, 65, 1, 69, 1, 71, 1]; 
var mySeries = []; 
    for (var i = 0; i < myData.length; i++) { 
     mySeries.push([myData[i], myData[i + 1]]); 
     i++ 
    } 

당신이 'mySeries'에서 일련의 데이터가 있으면, 그냥 사용하여 차트 데이터를 설정할 수 있습니다

차트를 렌더링 한 후 데이터를 추가하려면
series:[{ 
    data: mySeries 
}] 

또는, 당신은 사용하여 동적으로 일련의 데이터를 추가 할 수 있습니다

chart.series[0].setData(mySeries); 
,

http://jsfiddle.net/Cm3Ps/ ('내 데이터 추가'버튼을 누르십시오).

1

사실 함수에는 int 배열의 매개 변수가 필요합니다.

당신이 기능을 얻을 가정

drawChartFunction(data) { 
    // some code here 
    series: [{ data: data}] 
} 

당신은 그것을 시도 할 수 있습니다 : 실행 for

array = {9,8,7,6} 
var series = []; 
for (var i = 0; i < array.length; i++) { 
    series.push([i, array.[i]]); 
} 

를, 당신의 series

0,9 
1,8 
2,7 
3,6 

그런 다음, 당신이 drawChartFunction(series)

를 호출 좋아

차트가 그려지는 값이 4 점 0 1 2 39 8 7 6

관련 문제