162809 - SDL overlap for multiple Yaxis
by amrutaJgtp
HTML
<script src="https://code.highcharts.com/stock/6.1.1/highstock.src.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://code.highcharts.com/modules/export-data.js"></script>
<div id="container" style="height: 300px;"></div>
JavaScript
Highcharts.chart('container', {
"chart": {
"backgroundColor": "rgba(255,255,255,0)",
"plotBackgroundColor": "rgba(255,255,255,0)",
"zoomType": "xy"
},
"plotOptions": {
"series": {
"animation": {
"duration": 700
},
"cursor": "pointer",
"allowPointSelect": true,
"showInLegend": true,
"turboThreshold": 0,
"stickyTracking": false,
"events": {},
"point": {
"events": {}
},
"pointPadding": 0.1,
"getExtremesFromAll": true
}
},
"xAxis": {
"title": {
"text": "1DimHier",
"style": {
"color": "#000000",
"font-weight": "normal",
"text-decoration": "none",
"font-size": "1rem",
"font-family": "Lucida Sans Unicode,Verdana,Helvetica,Arial",
"font-style": "normal",
"opacity": "1"
},
"margin": 5
},
"opposite": false,
"axisInternalName": "0",
"lineWidth": 1,
"lineColor": "rgba(174,174,174,1)",
"categories": ["Components", "NoCategory", "Bikes", "Accessories", "Clothing"],
"tickmarkPlacement": "on",
"gridLineWidth": 0,
"gridLineColor": "#C0C0C0",
"plotLines": [],
"plotBands": [],
"max": null,
"scrollbar": {
"enabled": false,
"eQScrolltype": "auto"
}
},
"yAxis": [{
"title": {
"text": "Weight_",
"margin": 5
},
"opposite": false,
"axisInternalName": "0",
"labels": {
"enabled": true,
"style": {
"color": "#000000",
"font-weight": "normal",
"text-decoration": "none",
"font-size": "1rem",
"font-family": "Lucida Sans Unicode,Verdana,Helvetica,Arial",
"font-style": "normal"
},
"rotation": 0
},
"lineWidth": 0,
"lineColor": "rgba(174,174,174,1)",
"reversed": false,
"gridLineWidth": 0,
"gridLineColor": "#C0C0C0",
"maxPadding": 0,
"minPadding": 0,
"plotLines": [],
"plotBands": []
}, {
...