2012-07-03 68 views
1

這是我想和海軍報繪製數據(jQuery庫)海軍報x軸作爲字符串

採取行動時,在X軸和在y

var data= [{"action":"QUERY INSURANCE","count":"9"},{"action":"QUERY POLICE DETAILS","count":"15"},{"action":"QUERY VEHICLE DETAILS","count":"3"},{"action":"CIVILIAN DETAILS","count":"1"},{"action":"LOGGING IN","count":"59"},{"action":"Report Occurrence","count":"1"},{"action":"QUERY CRIMINAL RECORDS","count":"2"},{"action":"QUERY VEHICLE OFFENCES","count":"2"},{"action":"QUERY DL VALIDITY","count":"5"},{"action":"REPORT OCCURRENCE","count":"23"}]; 

$.plot($("#plotrr"), [ 
    { 
     data: data, 
     bars: { show: true } 

    }]); 

如何顯示計數x軸上的「動作」和y軸上的「計數」

+0

你看過'flot' [API文檔](http://people.iola.dk/olau/flot/API.txt)嗎? –

+0

是的,我可能不夠好,但我沒有得到如何從那裏做到這一點 – kmarima

回答

8

您需要做的是在flot選項中爲xaxis指定ticks參數,並將您的每個動作設置爲一個刻度。所以,你會做這樣的事情0 =查詢保險,1 =查詢警方詳細,等:其他

$.plot($("#plotrr"), [ 
    { 
     data: [[0,9],[1,15] ... ], //fill out the rest of your counts sequentially here 
     bars: { show: true } 

    }], 
    //flot options 
    { 
     xaxis: { 
      ticks: [[0,'Query Insurance'],[1,'Query Police Details'] ...] //fill out the rest here 
     } 
    }); 

一個需要注意的是,它看起來像你的計數字符串時,它們應該是數字 - 即count: "9"是錯誤的, count: 9是對的。