Lumenize and Highcharts Burndown Chart
HTML
<script src="https://storage.googleapis.com/versions.lumenize.com/v0.6.8/Lumenize-min.js"></script>
<script src="http://maccherone.com/share/1000-snapshots-overlap-with-Feb-2012.json"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.6.0/underscore.js"></script>
<div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>
JavaScript
chartConfig = {
title: {
text: 'Burndown'
},
xAxis: [
categories: xAxis,
labels :
rotation:90
],
yAxis: [{
labels:
style:
color: Highcharts.getOptions().colors[0]
title:
text: 'Accepted Points'
style:
color: Highcharts.getOptions().colors[0]
opposite: true
}, {
title: {
text: 'Task To Do (Hours)',
style: {
color: Highcharts.getOptions().colors[1]
}
},
labels: {
#format: '{value} mm',
style: {
color: Highcharts.getOptions().colors[1]
}
}
}],
series: [{
name: 'Accepted',
type: 'column',
yAxis: 0,
data: burnup
}, {
name: 'Tasks (To Do)',
type: 'column',
yAxis: 1,
data: burndown
}]
};
$("#container").highcharts(chartConfig);