json 데이터를 하이 차트로 구문 분석

검색 및 검색했지만 아직 해결책을 찾을 수 없습니다.json 데이터를 하이 차트로 구문 분석

내 서버에서 json을 사용하여 Highcharts에 데이터를로드하려고합니다. 이 내 서버에서 반환 된 JSON입니다 :

[{ 
    "x": "\/Date(1352674800000)\/", 
     "y": 621 
}, { 
    "x": "\/Date(1352761200000)\/", 
     "y": 646 
}, { 
    "x": "\/Date(1352847600000)\/", 
     "y": 690 
}, { 
    "x": "\/Date(1352934000000)\/", 
     "y": 688 
}, { 
    "x": "\/Date(1353020400000)\/", 
     "y": 499 
}]

이 내 highchart입니다 : (내 jsfiddle에서)

var seriesData = []; 
for (var i = 0; i < data.length; i++) { 
    var dateString = data[i].x; 
var x = dateString.replace(/\/Date\((\d+)\)\//, '$1'); 


    var y = data[i].y; 


    seriesData.push([x, y]); 

} 
alert(seriesData); 

var options = { 
    chart: { 
     renderTo: 'container' 
    }, 
    xAxis: {   
     type: 'datetime', 
     labels: { 
      formatter: function() { 
      var monthStr = Highcharts.dateFormat('%a', this.value); 
      var firstLetter = monthStr.substring(0, 1); 
      return firstLetter; 
      } 
     } 
    }, 



    series: [] 
}; 

function myfunk() { 
    options.series.push(seriesData); 



    chart = new Highcharts.Chart(options); 
} 
myfunk();

하지만 내 데이터가 표시되지 않습니다.

내가는 jsfiddel을했다 : http://jsfiddle.net/grVFk/12105/

편집 :

이 지금은 작동하고 있지만, 데이터 포인트가 잘못된 날짜가 표시됩니다? http://jsfiddle.net/dxCHB/18/

누군가 나를 도울 수 있다면 매우 감사 할 것입니다. :)

출처

2013-03-09 Mikkel Gunvald

매우 가까웠습니다.

이

series: [ 
    { 
     data:[] 
    } 
]

그런 다음 사용하여 설정할 수 있습니다 : http://jsfiddle.net/dxCHB/

형식 날짜 수치

function myfunk() { 
    options.series[0].data = seriesData;

내가 당신 jsfiddle을 수정 시리즈 어레이는 데이터 멤버와 객체를 포함 할 필요가

seriesData.push([x/1, y]);

출처

2013-03-09 13:33:30 SteveP

5 초 후부터 나를 때려주세요. – MatthewKremer

Lol. 하이 차트 질문에 대해 봤어요. 좋은 답변을 게시했습니다. – SteveP

감사합니다. @ SteveP. 나는 직장에서 HighCharts를 매일 사용하며 가능한 한 여기 사람들을 도와야한다고 결심했습니다. 나는 확실히 주인이 아니지만 나는 노력한다. – MatthewKremer

데이터는 숫자 여야하므로 parseFloat () 함수를 사용하여 문자열을 숫자로 변환합니다.

출처

2013-03-12 12:15:05

json 데이터를 하이 차트로 구문 분석

답변

관련 문제