Bar chart plugin for Flot

Flot side by side bars plugin

As you can see on this example, there are three bars for the same x value.
Bars are side by side located.

But for each bar the tooltip display the right x value.

Vertical bars

Horizontal bars

Download plugin


  • 2010-09-20 : Bug correction & Refactoring
  • 2011-10-27 : Horizontal bar add



Tips and Tricks : Filling between curves


Simple sample

Here is an example on how filling between curves.

The principle is to merge the two series in one, after sort descending the first one.
Ex :
If you have two series : s1 = [[0,1],[1,2],[2,3]] & s2 = [[0,0],[1,1],[2,2]]
you merge the both in one : s = [[2,3],[1,2],[0,1],[0,0],[1,1],[2,2]]

Random sample

Refresh the page to see more random samples.


  1. Alex October 9, 2013 10:54 am  Reply


    I found a missing semicolon at the end of orderbars plugin.
    It is:


    it should be :


    I’ve noticed this when I was obfuscating my code.

    • admin October 15, 2013 1:43 pm  Reply

      I just add the semilicon


  2. Dante Arios November 6, 2013 2:41 pm  Reply

    Funciona de maravilla,
    muchas gracias por la informacion

Leave a Reply