jqBarGraph – jQuery Bar Chart Plugin

Using graph is a very good way to present numeric data. Here is a jQuery plugin called jqBarGraph which help you creating bar charts in a painless way.

1. Download the jqBarGraph in the js folder under webroot.

2. Create the following index.html.

<!DOCTYPE html>
  <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
  <script type="text/javascript" src="js/jqBarGraph.1.1.min.js"></script>
  <script type="text/javascript">
      // Simple bar chart
      arrayOfData = new Array(
        data: arrayOfData, // Initialize the data
        sort: 'asc', // Sorting
        legend: true // Show legend

      // Multi bar chart
      arrayOfDataMulti = new Array(

        data: arrayOfDataMulti,
        colors: ['#242424','#437346','#97D95C']
  <div id="simple-bar-chart"></div>
  <div id="multi-bar-chart"></div>


Check it out.

Visit the jqBarGraph homepage and find out more features.

Done =)

Reference: jqBarGraph- graph your data easily


One thought on “jqBarGraph – jQuery Bar Chart Plugin”

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

This site uses Akismet to reduce spam. Learn how your comment data is processed.