Skip to content
Axis Labels Plugin for Flot
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
README
jquery.flot.axislabels.js

README

Axis Labels plugin for flot :P
by Xuan Luo

Example:

$(function () {
    var options = {
        xaxis: {
            axisLabel: 'foo',
            axisLabelUseCanvas: true,
            axisLabelFontSizePixels: 20,
            axisLabelFontFamily: 'Arial'
        },
        yaxis: {
            axisLabel: 'bar',
            axisLabelUseCanvas: true
        }
    };

    $.plot($("#placeholder"),
           yourData,
           options);
    );
});

Usage:

For each of your axes (only xaxis and yaxis are supported right now),
there are four options:

* axisLabel:
    a string that is the text you want displayed as the label

* axisLabelUseCanvas:
    a boolean; if true, draws text into the canvas; if false, uses HTML text.
    The two modes have pros and cons:
    * True - canvas text (default):
        y-axis text will be vertical. Canvas text is not be supported in older
        browsers.
    * False - HTML text:
        Can be styled with CSS. Text is always horizontal (even for y axis)

The following two options can only be used if axisLabelUseCanvas is enabled:

* axisLabelFontSizePixels:
    the size, in pixels (NOT POINTS), of the font (default: 14)

* axisLabelFontFamily:
    the font family of the font (default: sans-serif)

FUTURE DIRECTIONS

* Add support for secondary axes (x2axis, y2axis, etc.)
* Support a custom rotation angle for the labels
You can’t perform that action at this time.