/flot-valuelabels

Value labels - plugin for jQuery/flot

Primary LanguageJavaScript

Documentation

For documentation have a look to the wiki.

History

Fixes in version 2.3

Fixed problems with stacked horizontal bars

New in version 2.1

  • new option rotate for rotating label text (e.g. vertical text label). The option value rotats the label by value degrees clockwise.

Fixes in version 2.0.1

Fixed problems with stacked graphs

New in version 2.0

  • use strict
  • consolidated label positioning
  • horizontal bars supported now (see example below)
  • new option for horizontal bars: horizAlign with possible values 'outside', 'insideZero', 'insideCenter' or 'insideMax'
  • optionally use text labels instead of value labels.
  • provide minimized script file addionally (jquery.flot.valuelabels.min.js)
  • options useAsHtml and insideBar not supported anymore

New in version 1.6

  • option top is replaced by above (top still works)
  • new options for display label values in a box with customizable background-color and customizable border-color
    • useBackground: false, // set label into box with background color
    • backgroundColor: '#cccccc', // set backgroundColor like #FFCC00 or darkred
    • useBorder: false, // use a broder arround the label
    • borderColor: '#999999'
  • shadowColor is customizable
  • reverseAlignBelowZero as new option

New in version 1.5

  • new option valign - allows placing label on top, below, in the middle or on bottom (merged from rockcockerham)

New in Version 1.4

  • option decimals - rounds label values to specified decimals

Fixes in 1.3.5

  • option useDecimalComma in some cases throwed an exception
  • calculating min and max value crashed if series was empty

Fixes in 1.3.4

(by [rockcockerham](http://www.github.com/rickcockerham))
  • This will add the y value for each bar segment to a running total. The way it was before it would place the label where it would be if the bars weren't stacked.

  • Threw in the ability to add x and y offsets for html rendering.

New in Version 1.3

  • Implemented some new options (useDecimalComma, showMinValue, showMaxValue)
  • changed some default values: align now defaults to center, hideSame now defaults to false
  • documentation improved
  • more examples of usage

Examples

example

The source code of this examples find here.

Example for using valuelabels and orderBars together

example

You have to adjust the labels by the valuelabel options xoffset and yoffset. The source code of this example find here.

Example for using text labels

example

Use option showTextLabel and deliver with the data object for every point array a text string as third entry. The source code of this example find here.

More examples

A webpage with a lot of different valuelabels see here