The below is my code.. Looks a bit of hypothetical data values but please let me know if you are unclear with any of this.
The output of the below code is attached in the first post of this thread. Thanks a lot for your help in advance
Code: Select all
<script>
Highcharts.chart('container', {
xAxis: {
min: 0,
max: 10,
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
crosshair: true
},
yAxis: {
min: 0,
title: {
text: '',
}
},
chart: {
type: 'column'
},
colors: ['#AA4643', '#89A54E', '#4572A7'],
tooltip: {
shared: true
},
plotOptions: {
column: {
stacking: 'normal'
}
},
series: [{ name: 'Test', data: [{name:'Jan',y: 1}],stack: 'Test'},{ name: 'Testcase', data: [{name:'Jan',y: 2}],stack: 'Testcase'},{ name: 'Demo', data: [{name:'Jan',y: 0},{name:'Feb',y: 3}],stack: 'Demo'},{ name: 'Example', data: [{name:'Jan',y: 0},{name:'Feb',y: 2}],stack: 'Example'},{ name: 'Test', data: [{name:'Jan',y: 0},{name:'Feb',y: 3}],stack: 'Test'},{ name: 'Test', data: [{name:'Jan',y: 0},{name:'Feb',y: 1}],stack: 'Test'},{ name: 'Usecase', data: [{name:'Jan',y: 0},{name:'Feb',y: 1}],stack: 'Usecase'},{ name: 'UML', data: [{name:'Jan',y: 0},{name:'Feb',y: 0},{name:'Mar',y: 1}],stack: 'UML'},{ name: 'Demo', data: [{name:'Jan',y: 0},{name:'Feb',y: 0},{name:'Mar',y: 1}],stack: 'Demo'},{ name: 'Example', data: [{name:'Jan',y: 0},{name:'Feb',y: 0},{name:'Mar',y: 1}],stack: 'Example'},{ name: 'Example', data: [{name:'Jan',y: 0},{name:'Feb',y: 0},{name:'Mar',y: 0},{name:'Apr',y: 2}],stack: 'Example'},{ name: 'Verification', data: [{name:'Jan',y: 0},{name:'Feb',y: 0},{name:'Mar',y: 0},{name:'Apr',y: 1}],stack: 'Verification'},{ name: 'Example', data: [{name:'Jan',y: 0},{name:'Feb',y: 0},{name:'Mar',y: 0},{name:'Apr',y: 4}],stack: 'Example'},{ name: 'Test', data: [{name:'Jan',y: 0},{name:'Feb',y: 0},{name:'Mar',y: 0},{name:'Apr',y: 0},{name:'May',y: 1}],stack: 'Test'},{ name: 'Verification', data: [{name:'Jan',y: 0},{name:'Feb',y: 0},{name:'Mar',y: 0},{name:'Apr',y: 0},{name:'May',y: 0},{name:'Jun',y: 1}],stack: 'Verification'},{ name: 'Example', data: [{name:'Jan',y: 0},{name:'Feb',y: 0},{name:'Mar',y: 0},{name:'Apr',y: 0},{name:'May',y: 0},{name:'Jun',y: 4}],stack: 'Example'},{ name: 'Verification', data: [{name:'Jan',y: 0},{name:'Feb',y: 0},{name:'Mar',y: 0},{name:'Apr',y: 0},{name:'May',y: 0},{name:'Jun',y: 2}],stack: 'Verification'},{ name: 'Example', data: [{name:'Jan',y: 0},{name:'Feb',y: 0},{name:'Mar',y: 0},{name:'Apr',y: 0},{name:'May',y: 0},{name:'Jun',y: 1}],stack: 'Example'},{ name: 'Testcase', data: [{name:'Jan',y: 0},{name:'Feb',y: 0},{name:'Mar',y: 0},{name:'Apr',y: 0},{name:'May',y: 0},{name:'Jun',y: 1}],stack: 'Testcase'},{ name: 'Example', data: [{name:'Jan',y: 0},{name:'Feb',y: 0},{name:'Mar',y: 0},{name:'Apr',y: 0},{name:'May',y: 0},{name:'Jun',y: 0},{name:'Jul',y: 1}],stack: 'Example'},{ name: 'Test', data: [{name:'Jan',y: 0},{name:'Feb',y: 0},{name:'Mar',y: 0},{name:'Apr',y: 0},{name:'May',y: 0},{name:'Jun',y: 0},{name:'Jul',y: 1}],stack: 'Test'},{ name: 'UML', data: [{name:'Jan',y: 0},{name:'Feb',y: 0},{name:'Mar',y: 0},{name:'Apr',y: 0},{name:'May',y: 0},{name:'Jun',y: 0},{name:'Jul',y: 1}],stack: 'UML'},{ name: 'UML', data: [{name:'Jan',y: 0},{name:'Feb',y: 0},{name:'Mar',y: 0},{name:'Apr',y: 0},{name:'May',y: 0},{name:'Jun',y: 0},{name:'Jul',y: 0},{name:'Aug',y: 1}],stack: 'UML'},{ name: 'Verification', data: [{name:'Jan',y: 0},{name:'Feb',y: 0},{name:'Mar',y: 0},{name:'Apr',y: 0},{name:'May',y: 0},{name:'Jun',y: 0},{name:'Jul',y: 0},{name:'Aug',y: 0},{name:'Sep',y: 1}],stack: 'Verification'},]
});
</script>