Highcharts test tool
HTML
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.4.4/underscore-min.js"></script>
<div id="container" style="height: 300px"></div>
<button id="add">Add series</button>
<div id="msg"></div>
JavaScript
$(function () {
var chart = new Highcharts.Chart({
chart: {
type: 'column',
renderTo: 'container'
},
xAxis: {
categories: ['Jan', 'Feb', 'Mar']
},
plotOptions: {
series: {
stacking: 'normal'
}
},
series: [
{
name: 'base',
data: [10, 20, 30]
},
{
name: 'sec',
data: [30, 20, 10]
}
]
});
var i = 0;
$('#add').on('click', function (e) {
chart.addSeries({
data: [32, 43, 42],
name: ++i
});
var order = _.map(chart.series, function (s) {
return s.index + ': ' + s.name + ', ';
});
$('#msg').html(order);
});
});