2012-02-08 3 views
3

JSON 파일의 차트를 jqPlot으로 렌더링하고 싶습니다. 내가 잘 작동 다음 코드에 와서 몇 가지 예제의 도움으로 :jqPlot : json 파일의 포인트 레이블을 인쇄하십시오.

$(document).ready(function(){ 
var ajaxDataRenderer = function(url, plot) { 
    var ret = null; 
    $.ajax({ 
     // have to use synchronous here, else returns before data is fetched 
     async: false, 
     url: url, 
     dataType:'json', 
     success: function(data) { 
      ret = data; 
     } 
    }); 
    return ret; 
}; 

var jsonurl = "./json_3.json"; 

plo12 = $.jqplot('chart2', jsonurl,{ 
    dataRenderer: ajaxDataRenderer, 
    title: 'User Activity Chart (AJAX JSON Data Renderer)', 
    legend: {show:true}, 
    seriesDefaults: { 
     showMarker:true, 
     pointLabels: { show:true } 
    }, 
    axes: { 
     xaxis: { 
      renderer:$.jqplot.DateAxisRenderer, 
      tickOptions: { 
       formatString:'%a %d %b %H:%M' 
      } 
     }, 
     yaxis: { 
      tickOptions: { 
       show: false 
      }, 
     } 
    } 
}); 
}); 

그리고 JSON 파일은 다음과 같습니다 :

[ 
    [ 
     ["2012-02-07 10:00", 10, "start"], 
     ["2012-02-07 23:43" ,10, "end"] 
    ], 
    [ 
     ["2012-02-07 01:45", 20, "start"], 
     ["2012-02-07 08:18", 20, "end"] 
    ] 
] 

내가 원하는만큼의 시리즈를 그릴 수있는이 방법 . 유일한 문제는 레이블 (시작/끝)이 차트에 인쇄되지 않아서 그 이유를 이해할 수 없다는 것입니다. 나는 코드 줄이 충분하다고 생각 :

pointLabels: { show:true } 

어떤 조언을?

+0

날 바보! 누락되었습니다 : jqplot.pointLabels.min.js – EBAH

+0

문제가 해결되었으므로 귀하의 질문에 대한 답변으로 귀하의 의견을 추가하고 문제를 간단하게 해결하려면 문제를 수락하거나 모두 제거하십시오. – Boro

답변

3

사용한다 :

xaxis: { 
     renderer:$.jqplot.DateAxisRenderer, 
     tickOptions: { 
      formatString:'%H:%M' 
     } 
    },