JavaScript
Article
By Sam Deering

Very Easy jQuery Horizonal Bar Chart

By Sam Deering
Help us help you! You'll get a... FREE 6-Month Subscription to SitePoint Premium Plus you'll go in the draw to WIN a new Macbook SitePoint 2017 Survey Yes, let's Do this It only takes 5 min

easy-jquery-bar-chart

This is how to setup your own jQuery bar chart in just a few easy steps. The demo is a horizonal bar chart but you can change the settings of the plugin to vertical, change speed and colors.

Demo

--ADVERTISEMENT--

Instructions

  1. Download the jquery.charts.js plugin
  2. Copy the HTML code below
  3. Change the data in the table

That’s it! :-)

HTML and jQuery Code






Statistics
Option Popularity
Total 100
Burnt 5
Buried 1
Login or Create Account to Comment
Login Create Account
Recommended
Sponsors
Get the most important and interesting stories in tech. Straight to your inbox, daily.Is it good?