flot: Show units on axes?

Question

In flot, is there any way I can get the axes to show $10, $20 etc, rather than just 10, 20?

I've checked the documentation but don't see a way, but it seems like to be a common requirement - especially since you can't (easily) label the axes.

Answer 1

You are looking for the "tickFormatter" option in the API.

For example:

var data1 = [[0,3],[10,1],[20,2],[40,8],[50,10]];

someFunc = function(val, axis){
   return "$" + val
}

plot = $.plot($("#placeholder"),
    [{ data: data1}], {
      xaxis: { tickFormatter: someFunc }
    });

Produces: