highhcarts quadrant plotline not visible
by prakhar230792
HTML
<script src="https://code.highcharts.com/highcharts.js"></script>
<div id="container" style="height: 400px"></div>
JavaScript
Highcharts.chart('container', {
"type": "svg",
"title": {
"text": null
},
"chart": {
"type": "scatter",
"events": {
load: function() {
var chart = this,
xAxis = chart.xAxis[0],
yAxis = chart.yAxis[0],
xPlotLine = {
"width": 1,
"value": 19,
"color": "#ccd6eb"
},
yPlotLine = {
"width": 1,
"value": 600,
"color": "#ccd6eb"
};
if (yAxis.min > yPlotLine.value) {
yAxis.update({
min: yPlotLine.value - yAxis.tickInterval
});
} else if (yAxis.max < yPlotLine.value) {
yAxis.update({
max: yPlotLine.value + yAxis.tickInterval
});
}
xAxis.addPlotLine(xPlotLine);
yAxis.addPlotLine(yPlotLine);
}
}
},
"plotOptions": {
"series": {
"showInLegend": false
}
},
"legend": {
"enabled": false
},
"tooltip": {
"backgroundColor": "#5F5F5F",
"borderColor": "#5F5F5F",
"shadow": false,
"style": {
"color": "#FAFAFA",
"opacity": 0.95
}
},
"colors": [
"#8CC350",
"#5A6EAA",
"#D755A5",
"#1EBED7",
"#F0A01E",
"#9B8CE6",
"#3CB5A0",
"#3287D2",
"#F0557D",
"#C3D250",
"#EB782D",
"#78B4F5",
"#5FAF69",
"#AA5FA5",
"#FA5A50",
"#F5C841"
],
"xAxis": {
"type": "linear",
"title": {
"text": "10 Year Standard Deviation",
"style": {}
},
/* "plotLines": [{
"width": 1,
"value": 19,
"color": "#ccd6eb"
}], */
"gridLineWidth": 0,
"lineWidth": 0,
"tickWidth": 0
},
"yAxis": {
"type": "linear",
"title": {
"text": "10 Year Annualized Return",
"style": {}
},
/* "plotLines": [{
"width": 1,
"value": 50,
"color": "#ccd6eb"
}], */
"gridLineWidth": 0
},
"series": [{
"marker": {
...