Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Flot With "String" x-axis

Tags:

flot

When using flot I would like to have a string based x-axis. For example I have a list of customers "Bob", "Chris", "Joe" and would like to plot their revenue on the Y-Axis. (this is a bar graph)

It seems at first glance flot only supports numeric types on the x-axis. Is this true?

like image 785
Chris Muench Avatar asked Apr 28 '11 15:04

Chris Muench


2 Answers

@Matt is close, but it would make more sense to just use the ticks option to directly specify what ticks should have what labels:

var options = {

...
  xaxis: {
    ticks: [[0,'Bob'],[1,'Chris'],[2,'Joe']]
  }
...

};

EDIT: it looks like this (I added more data than labels, but you get the idea).

like image 60
Ryley Avatar answered Nov 19 '22 04:11

Ryley


The Categories plugin (jquery.flot.categories.js) will do this quite nicely, so that data can be formatted like this:

var data = [ ["January", 10], ["February", 8], ["March", 4], ["April", 13], ["May", 17], ["June", 9] ];

and plot like this: enter image description here

See: http://www.flotcharts.org/flot/examples/categories/index.html

like image 18
ak112358 Avatar answered Nov 19 '22 02:11

ak112358