Grouped clustered chart - Fruits eg
by amrutaJgtp
HTML
<script src="https://code.highcharts.com/highcharts.js"></script>
<div id="container"></div>
JavaScript
Highcharts.chart('container', {
"chart": {
"reflow": false,
"zoomType": "xy",
"resetZoomButton": {
"theme": {
"fill": "#ffffff",
"stroke": "#003ce1",
"r": 0
}
},
"alignTicks": true,
"options3d": {
"enabled": false
}
},
"title": {
"text": "1 Dim clustered column chart"
},
"tooltip": {
"enabled": true,
"shared": false,
"crosshairs": [false, false]
},
"plotOptions": {
"series": {
"animation": {
"duration": 700
},
"cursor": "pointer",
"allowPointSelect": true,
"showInLegend": true,
"pointPadding": 0
}
},
"legend": {
"enabled": true,
"borderWidth": 0,
"layout": "horizontal",
"align": "center",
"margin": 0,
"padding": 5,
"symbolRadius": 0
},
"credits": {
"enabled": false
},
"exporting": {
"enabled": false
},
"lang": {
"noData": ""
},
"xAxis": {
"title": {
"text": "Sales By Country",
"margin": 5
},
"opposite": false,
"axisInternalName": "0",
"labels": {
"enabled": true,
"rotation": 330
},
"categories": ["United Kingdom", "Brazil", "Australia", "Bahamas", "Argentina", "Algeria", "China", "Iceland", "India", "United States"],
"tickmarkPlacement": "on",
"plotLines": [],
"plotBands": []
},
"yAxis": [{
"title": {
"text": "Sales",
"margin": 5
},
"opposite": false,
"axisInternalName": "0",
"labels": {
"enabled": true,
"rotation": 0
},
"allowDecimals": false,
"reversed": false,
"maxPadding": 0,
"minPadding": 0,
"plotLines": [],
"plotBands": []
}],
"scrollbar": {
"enabled": false
},
"series": [{
"internalName": "Geomap__Geomap__Msr_Sales",
"type": "column",
"yAxis": 0,
"eQStackingType": null,
"data": [{
"eQCategoryValue": "United Kingdom",
"y": 1237
}, {
"eQCategoryValue":...