CODEWITHSUNDEEP
javascriptjqueryjquery-pluginsflot
Richard
Richard

Reputation: 32979

flot: Show units on axes?

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.

Upvotes: 5

Views: 8491

Answers (1)

Mark
Mark

Reputation: 108567

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:

enter image description here

Upvotes: 14

Related Questions