Skip to content
simple jquery flot plugin to show bar numbers in bar graph
JavaScript
Find file
Latest commit f7f2cbd Mar 16, 2016 @joetsoi Merge pull request #17 from jacruzca/master
Added bower support
Failed to load latest commit information.
.gitignore Added bower support Mar 13, 2016
LICENSE fix license Jul 10, 2015
README.md add the ability to rotate numbers Sep 28, 2015
bower.json Added bower support Mar 14, 2016
jquery.flot.barnumbers.js refactor writeText method Sep 28, 2015

README.md

Examples

For working examples checkout http://joetsoi.github.com/flot-barnumbers/

Usage

simple flot plugin to draw bar numbers in bars, simply add

series: {
    bars: {
        numbers: {
            show : boolean or function
        }
    }
}

If show is a function it will be used to format the numbers inside the bars.

There are other additional options

series: {
    bars: {
        numbers : {
            show : boolean,
            xAlign : null or function like function (x) {return x + 0.5;}, (if null, the text is in the middle)
            yAlign : null or function like function (y) {return y + 0.5;}, (if null, the text is in the middle)
            font : {size : number, style : string, weight : string, family : string, color : string},
            rotate : number (representing degrees)
        }
    }
}

By default numbers will be positioned in the center of the bars, but you can specify a function to override this behaviour. If you have a horizontal bar chart, these 2 functions will switch round the axes they are working on.

This plugin is working well with zooming and panning (navigation plugin) too.

Contributors

Many thanks to these wonderful people

Something went wrong with that request. Please try again.