2015-01-08 2 views
0

그리기 차트에 하이 차트를 사용합니다. 2djson 개체가 있고이 개체를 highcharts로 설정하는 방법을 모르겠습니다. 그리고이 데이터 내 JSON 개체입니다 :
enter image description here2d json을 하이 차트로 설정

내가 원하는 내이 그림 같은 차트 (highchart의 열 분석 예) :
enter image description here

그리고 이것은 내 코드입니다 :

$.ajax({ 
           url:"../../teachersem", 
           type:"get", 
           data:{ 
            id:$.trim(tableData[0]) 
           }, 
           success:function(data){ 

             $('div[class|="col-md-7 col-md-offset-3"]').css("display","none"); 
             //console.log(data.accept); 
             //console.log(data.fail); 
             var accept=new Array(); 
             var fail =new Array(); 
             for (i = 0; i < data.accept.length; i++){ 
              accept.push([data.accept[i].year, parseInt(data.accept[i].count)]); 
              alert("accept: "+data.accept[i].year+" "+parseInt(data.accept[i].count)); 
             } 
             //console.log(accept.toString()); 
             for (i = 0; i < data.fail.length; i++){ 
              fail.push([data.fail[i].year, parseInt(data.fail[i].count)]); 
              alert("fail: "+data.fail[i].year+" "+parseInt(data.fail[i].count)); 
             } 
             $('#container').highcharts({ 
              chart: { 
               type: "column" 
              }, 
              title: { 
               text: "Student data" 
              }, 
              xAxis: { 
               allowDecimals: false, 
               title: { 
                text: "Branch of studies" 
               } 
              }, 
              yAxis: { 
               title: { 
                text: "Number of students" 
               } 
              }, 
              series: [{ 
               data: [accept,fail] 
              }], 

             }); 

           }, 
           error: 
            alert('error!') 
          }) 
         }); 

하지만 결과가 있습니까? 제발 도와 줘, 고마워!

+0

아마도'var chartData = [accept, fail]'와 같이 data 매개 변수에 전달하기 전에 배열로 할당하려고하면 매개 변수가'series : [{data : chartData}]'처럼 보일 것입니다. 'series'보다는'series1'을 가지고 있음을 주목하십시오. –

+0

결과가 공백 인 경우 – Farshid

+0

'[accept, fail]'의 내용을'console.log ([accept, fail]) '를 사용하여 브라우저 콘솔에 출력하여 JSON 데이터가 올바르게 표시되는지 확인할 수 있습니다 서식이 지정됩니다. –

답변

2

실제로 두 개의 series: data 매개 변수 (각 열에 하나씩)가 필요합니다. 내가 예제 이미지 Apples 당신의 카테고리 라벨이 Branch of Studies 될 것이라고 추측하고 있기 때문에

첫 번째 열은 accept 데이터가 될 것이며, 두 번째 열은 fail 데이터가 될 것입니다.

귀하의 시리즈는 다음과 유사한 표시되어야합니다

series: [{ 
     name: "Accept", 
     data: accept, 
}, 
{ 
     name: "Fail", 
     data: fail, 
}] 

귀하의 acceptfail 배열은 배열의 배열 인을하지만, Highcharts 데모 here에서 볼 수 있듯이 그들은 실제로 간단한 목록이 될 수 있습니다. 그런 다음 xAxis 매개 변수에 Branch of Studiescategories:을 지정할 수 있습니다.

관련 문제