Multiple Yaxis in spider chart
by amrutaJgtp
HTML
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/highcharts-more.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<div id="container" style="min-width: 400px; max-width: 600px; height: 400px; margin: 0 auto"></div>
JavaScript
$(function () {
$('#container').highcharts({
"chart": {
"inverted": false,
"backgroundColor": "rgba(255,255,255,0)",
"reflow": false,
"height": 681,
"width": 525,
"plotBackgroundColor": "rgba(255,255,255,0)",
"zoomType": "xy",
"resetZoomButton": {
"theme": {
"fill": "#ffffff",
"stroke": "#0000ff",
"r": 0,
"style": {
"color": "#0000ff",
"cursor": "pointer",
"fontSize": "0.714rem",
"fontFamily": "Lucida Sans Unicode"
},
"states": {
"hover": {
"fill": "#003ce1",
"style": {
"color": "#ffffff"
}
}
}
}
},
"options3d": {
"enabled": false
}
},
"title": {
"text": null
},
"tooltip": {
"enabled": true,
"shared": false,
"borderWidth": 1,
"borderRadius": 1,
"backgroundColor": "#ffffff",
"style": {
"color": "#000000",
"fontSize": "0.857rem",
"fontFamily": "Lucida Sans Unicode",
"fontWeight": "normal",
"fontStyle": "normal",
"textDecoration": "none"
},
"crosshairs": [false, false]
},
"plotOptions": {
"series": {
"animation": null,
"cursor": "pointer",
"showInLegend": true,
"turboThreshold": 0,
"events": {},
"pointPadding": 0.1
}
},
"legend": {
"enabled": true,
"item": {},
"borderWidth": 0,
"layout": "horizontal",
"backgroundColor": "rgba(255,255,255,0)",
"itemStyle": {
"color": "#000000",
"fontSize": "0.857rem",
"fontFamily": "Lucida Sans Unicode",
"fontWeight": "normal",
"fontStyle": "normal",
"textDecoration": "none"
},
"align": "center",
"verticalAlign": "bottom",
"margin": 0,
...