0

これは私がflotでプロットしたいデータです(jqueryライブラリ)

ここで、アクションは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軸に「カウント」を表示するにはどうすればよいですか?

4

1 に答える 1

8

あなたがする必要があるticksのは、 flot オプションのパラメーターを指定し、xaxis各アクションをティックの 1 つとして設定することです。したがって、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
        }
    });  

もう1つの注意点は、カウントが数値であるべきなのに文字列のように見えることです-つまりcount: "9"、間違っていcount: 9ますが正しいです。

于 2012-07-03T15:42:02.703 に答える