chartress.js

This project is still in alpha!!

Requires svg.js

Usage

Download chartress

bower install chartress --save

Include svg.js into your project

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/svg.js/2.3.2/svg.min.js"></script>

Include chartress into your project

<script type="text/javascript" src="/bower_components/chartress/dist/chartress.min.js"></script>

Prepare some html

<div class="chartress"></div>

Run chartress

var element = document.querySelector('.chartress');
var graph = new chartress(element, data);

Example data

Line Chart:

var linechart = {
	lines: [
		{
			name: 'Red',
			color: 'red',
			plot: [0, 10, 50, 80, 53, 20, 25, 80, 70, 5, 40],
		},{
			name: 'Black',
			plot: [40, 20, 1, 50, 60, 70, 100, 70, 40, 30, 10],
		},{
			name: 'Gray',
			dash: '10,5',
			color: 'gray',
			plot: [4, 6, 20, 18, 24, 8, 0, 0, 20, 10, 5],
		}
	]
};

Column Chart:

var coumnchart = {
	type: 'column',
	lines: [
		{
			name: 'MO',
			value: 40 
		},{
			name: 'TU',
			value: 60
		},{
			name: 'WE',
			value: 30
		},{
			name: 'TH',
			value: 60
		},{
			name: 'FR',
			value: 90
		},{
			name: 'SA',
			value: 22
		},{
			name: 'SU',
			value: 15
		}
	]
};

Pie Chart:

var piechart = {
	type: 'pie',
	lines: [
		{
			value: 80
		},
		{
			value: 61,
			color: '#1b860b'
		}
	]
};