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

news

  • 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.

4 Comments

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

    Hi,

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

    })(jQuery)

    it should be :

    })(jQuery);

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

    • admin October 15, 2013 1:43 pm  Reply

      I just add the semilicon

      Thanx

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

    Funciona de maravilla,
    muchas gracias por la informacion

Leave a Reply