ElementStacks
HTML
<script src="http://highcharts.com/js/testing.js"></script>
<button id="b0">Set new data and categories</button>
<div id="container" style="height: 200px"></div>
<div id="container2" style="height: 200px"></div>
<script src="http://code.highcharts.com/master/highcharts.src.js"></script>
JavaScript
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
height: 200
},
xAxis: {
categories: ['Jan', 'Feb']
},
series: [{
type: 'column',
data: [29.9, 71.5]}]
});
var chart2 = new Highcharts.Chart({
chart: {
renderTo: 'container2',
height: 200
},
xAxis: {
categories: ['Jan', 'Feb','Jan', 'Feb','Jan', 'Feb'],
minRange: 3
},
series: [{
type: 'column',
data: [29.9, 71.5,29.9, 71.5,29.9, 71.5]}]
});
$('#b0').click(function() {
chart.xAxis[0].setCategories(['a','b','c']);
chart.series[0].setData([11,22,55]);
chart2.xAxis[0].setCategories(['a','b','c']);
chart2.series[0].setData([11,22,55]);
});