JSON 데이터

Question

스피 나는 내가 JSON 데이터의 두 세트 처럼이 jqPlot.I에 차트를 플롯 JSON 데이터를 사용하고, jqPlot에 의심의 여지가 JSON 데이터 를 사용 jqplot에서 여러 선을 그립니다하려고 사용 jqplot에서 여러 선을 그립니다 이

var jsonData1 = {"PriceTicks": [{"Price":5.5,"TickDate":"Jan"}, 
         {"Price":6.8,"TickDate":"Mar"}, 
         {"Price":1.9,"TickDate":"June"},        
         {"Price":7.1,"TickDate":"Dec"}]};        

     var jsonData2 = {"PriceTicks": [{"Price":1.5,"TickDate":"Jan"}, 
         {"Price":2.8,"TickDate":"Feb"}, 
         {"Price":3.9,"TickDate":"Apr"},       
         {"Price":9.1,"TickDate":"Dec"}]}; 

내가 소개, 난 등 cosPoints, sinePoints 내가 통화에 JSON 데이터가 유사한 방법으로 자바 스크립트 배열이 어디에 내가이

$.jqplot('chartdiv', [cosPoints, sinPoints, powPoints1, powPoints2, powPoints3], 
     { 
      title:'Line Style Options', 
      seriesDefaults: { 
      showMarker:false,       
     }, 

     } 
    ); 

처럼 호출 할 수있는 자바 스크립트 배열이 있다고 가정 다음과 같은 방법으로 실패했습니다. 제발 도와주세요.

$.jqplot('jsonChartDiv', [jsonData1,jsonData2] { 
      title:'Fruits', 
      series:[{showMarker:false}], 
      dataRenderer: $.jqplot.ciParser,    
      axes: { 
       xaxis: { 
        renderer:$.jqplot.CategoryAxisRenderer,      
       } 
      }, 

     }); 

Answer 1

데이터 형식 요구 사항과 함께 작동하도록 ciParser 렌더러 플러그인을 얻을 수 없었습니다.

다음 jsFiddle에서 JSON 개체를 꺾은 선형 차트를 표시하는 데 필요한 필수 데이터 구조로 변환하는 작업 예제가 표시됩니다.

// get array with both series 
arSeries = [jsonData1, jsonData2]; 

// initalizat the output array for jqPlot 
arJQ = []; 

// for each Data Series 
for (var z = 0; z < arSeries.length; z++) 
{ 
    // array for the prices 
    jqPrices = []; 
    var prices = arSeries[z].PriceTicks; 
    for (var i = 0; i < prices.length; i++) 
    { 
     jqPrices.push([prices[i].TickDate.toString(), prices[i].Price]); 
    } 
    // Result [["Jan",1.5],["Feb",2.8],["Apr",3.9],["Dec",9.1]] 
    // add to series array 
    arJQ.push(jqPrices); 
} 

JSFiddle

뒤로 당신이 당신의 날짜보다 세분화 된 각 데이터 레코드에 동일한 tickes으로 하나를 spedify한다가는 선을 방지합니다.