🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

blueberryCharts.js is a small jQuery plugin which helps you draw dynamic, interactive, pretty nice, multi-series line charts using SVG elements.

line-chart

Documentation

blueberryCharts.js

blueberryCharts

A jQuery Plugin to render a simple, responsive and good looking chart - renewoerz.de

Installation

You can download the latest version of blueberryCharts.js from the GitHub releases.

Add css in your head:

<link rel="stylesheet" href="../src/blueberryCharts.css">

Add js right before the closing body tag:

<script src="../src/blueberryCharts.js"></script>

Note: Don't forget to add jQuery. :)

Open the index.html file in the example folder for a working demo

Documentation

Options:

Option Description Default Value
chartData Data Values 0-100 (Type: Array) [[0, 20, 33, 10, 54, 90, 70, 84, 95, 100],[0, 30, 23, 20, 44, 60, 10, 50, 10, 40]]
chartLables Lable Values (Type: Array) ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J']
showLines Show Lines (Type: Boolean) true
showDots Show Dots (Type: Boolean) true
lineColors Colors for Lines and Dots (Type: Array) ['#FF5252', '#777777']

License

blueberryCharts.js is available under the MIT license.


You May Also Like