highcharts
by paulftw
HTML
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>
<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>
JavaScript
$(function () {
var options = {
"chart": {
"type": "areaspline",
"height": 400
},
"credits": {
"enabled": false
},
"legend": {
"itemStyle": {
"fontSize": "16px"
},
"enabled": true,
"borderWidth": 0,
"floating": 0
},
"plotOptions": {
"area": {
"fillOpacity": 0.5
}
},
"xAxis": {
"type": "datetime",
"dateTimeLabelFormats": {
"month": "%e. %b",
"year": "%b"
}
},
"yAxis": {
"labels": {}
},
"series": [{
"name": "Income",
"data": [
["2013-02-15T00:00:00.000Z", 35000],
["2013-02-18T00:00:00.000Z", 13718.699999999999],
["2013-02-25T00:00:00.000Z", 4729.100000000003],
["2013-03-05T00:00:00.000Z", 2404.9499999999985],
["2013-03-11T00:00:00.000Z", 10353.300000000005],
["2013-03-21T00:00:00.000Z", 3483.349999999996],
["2013-03-25T00:00:00.000Z", 36854.75],
["2013-04-01T00:00:00.000Z", 2973.5500000000006],
["2013-04-08T00:00:00.000Z", 40191.45000000002],
["2013-04-15T00:00:00.000Z", 861343.01],
["2013-04-22T00:00:00.000Z", 28291.249999999993],
["2013-04-29T00:00:00.000Z", 15667.850000000004],
["2013-05-06T00:00:00.000Z", 5621.549999999999],
["2013-05-13T00:00:00.000Z", 48992.939999999995],
["2013-05-20T00:00:00.000Z", 19838.309999999994]
]
}, {
"name": "Expenses",
"data": [
["2013-02-15T00:00:00.000Z", 0],
["2013-02-18T00:00:00.000Z", 0],
["2013-02-25T00:00:00.000Z", 0],
...