2012-07-03 3 views
1

это данные я хочу построить с Flot (JQuery библиотека)Flot оси х в виде строки

, где действие на оси х и графа на у

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

Что вам нужно сделать, это указать параметр ticks для xaxis в вариантах флота и установить каждое из ваших действий в качестве одного из тиков. Так что вы будете делать что-то вроде 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 является правильным.

Смежные вопросы