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
        }
    }
}

The below will continue to work for now to prevent breaking of existing code

series: {
    bars: {
        showNumbers: boolean
    }
}

There are 5 other additional options

series: {
    bars: {
        numbers: {
            xAlign : function or number,
            yAlign : function or number,
            numColor: color,
            textBaseLine: string,
            font: string
        }
    }
}

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

numColor: Default color is black, adding a color here will alter the color of the displayed number

textBaseLine: Default baseline is top, this can be edited to also use: bottom, alphabetical, hanging, and middle

font: Default appears to be a smaller Arial font. Here's an example of something that works for this option: "12px Arial"

Todo

• currently breaks at series.bars.align : "center"