Highcharts Demo
author(s):
Torstein Hønsi
HTML
<script src="http://code.highcharts.com/highcharts.js"></script>
<div id="container" style="height: 400px"></div>
<div id="container2" style="height: 400px; margin-top: 50px;"></div>
JavaScript
$(function () {
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container'
},
xAxis: {
type: 'datetime'
},
plotOptions: {
column: {
pointPlacement: 'between',
pointRange: 3600000,
borderWidth: 0
},
series: {
groupPadding: 0.1,
pointPadding: 0
}
},
series: [ {
name: 'Daily average',
data: [
[
1298664000000,
12063
],
[
1298667600000,
10522
],
[
1298671200000,
47813
],
[
1298674800000,
16451
]],
type: 'column'
}]
});
});
$(function () {
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container2'
},
xAxis: {
type: 'datetime'
},
plotOptions: {
column: {
pointPlacement: 'between',
pointRange: 3600000,
borderWidth: 0
},
series: {
groupPadding: 0.1,
pointPadding: 0
}
},
series: [ {
name: 'Daily average',
data: [
[
1298635200000,
2861
],
[
1298638800000,
1532
],
[
1298642400000,
1593
],
[
1298646000000,
1392
],
[
1298649600000,
4921
],
[
1298653200000,
5312
],
[
...