Fleet with axis "String" x

Question

When using the fleet, I would like to have a row based on the x axis. For example, I have a list of clients "Bob", "Chris", "Joe" and would like to build my income on the Y axis. (This is a histogram)

It seems that at first glance, the fleet only supports numeric types along the x axis. It's true?

Answer 1

@Matt is close, but it makes sense to just use the ticks parameter to directly indicate which marks should have 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 point).

Answer 2

You should do this using the tickFormatter option in accordance with this question . I have not tried it myself, but I will do it:

 var xAxisLabels = ['Bob', 'Chris', 'Joe']; function xAxisLabelGenerator(x){ return xAxisLabels[x]; } var plot = $.plot($("#placeholder"), { // snip other options... xaxis: { transform: xAxisLabelGenerator, tickFormatter: xAxisLabelGenerator } }); 

This means that the actual x values ​​should be 0, 1, 2, ...

Answer 3

The Categories plugin (jquery.flot.categories.js) will do this pretty nicely, so the data can be formatted as follows:

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

and write it like this:

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