2013-01-24 4 views
0

테이블에서 하이 차트의 x 축을 설정하여 월이되도록합니다. y- 축은 단위입니다. 이것을 바꾸는 방법을 이해할 수 없다. 이 섹션을 변경해 보았습니다.하이 차트의 역 축 테이블에서 데이터를 가져옵니다

options.xAxis.categories = []; 
     $('thead th', table).each(function(i) { 
      options.xAxis.categories.push(this.innerHTML); 
     }); 

행운이 없습니다. 그래서 나는 누군가가 도울 수 있기를 희망하는 채로 기본 상태로 남겨 두었습니다.

this JSFiddle에서 수행하려는 작업을 볼 수 있습니다.

답변

2

귀하의 코드에서 월이 thead이고 tbody이 아닌 것으로 보입니다. 그래서 당신은 정말 $('thead th') selector를 사용해야합니다. 또한 빈 필터링 할 수 :parent selector를 사용하는 것이 좋습니다 것입니다 th

$('thead th:parent', table).each(function(i) { 
    var month=$(this).text(); 
    options.xAxis.categories.push(month); 
}); 

당신이 X 축 개월하려는 경우 또한, 당신의 일련의 데이터가 지금 대신에, 단지 3 시리즈가 있어야 변경해야 각 시리즈는 이전 3 포인트/시리즈 대신 6 포인트 (매월 1 포인트)를 갖게됩니다. 따라서 테이블 구문 분석은 이와 같이 변경해야합니다.

options.series = []; 
$('tbody tr', table).each(function (i) { 
    var tr = this; 
    var serie = {}; 
    serie.name = $('th', tr).text(); 
    serie.data = []; 
    $('td', tr).each(function (j) { 
     serie.data.push(parseFloat(this.innerHTML)); 
    }); 
    options.series.push(serie); 
}); 

Demo @ jsFiddle

+0

당신은 또한 기본 것들에서 각 계열의 색상을 변경하는 방법을 알아? –

+0

Nevermind got got –

+0

@ SeánMcCabe Highchart/Highstock 설명서 @ http://api.highcharts.com/highstock을 통해 진행하는 것이 좋습니다. 매우 포괄적이며 잘 이해할 수 있도록 잘 작성된 라이브 데모가 있습니다. –

관련 문제