3D chart bug reproduced
by amrutaJgtp
HTML
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/highcharts-3d.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<div id="container" style="height: 400px"></div>
CSS
#container {
height: 400px;
min-width: 310px;
max-width: 800px;
margin: 0 auto;
}
JavaScript
$(function () {
$('#container').highcharts({
"chart": {
"type": 'column',
"height": 400,
"width": 600,
"options3d": {
"enabled": true,
"alpha": 6,
"beta": 5,
"depth": 40,
"viewDistance": 0,
"frame": {
"back": {
"color": "rgba(255,255,255,0)"
},
"side": {
"color": "rgba(255,255,255,0)"
},
"bottom": {
"color": "rgba(255,255,255,0)"
}
}
},
},
"xAxis": {
"categories": ["1.00", "2.00", "3.00", "4.00"],
},
"yAxis": [{
"title": {
"text": "Col_4",
}
}, {
"opposite": true,
"title": {
"text": "Number Of Children",
}
}, {
"title": {
"text": "Col_3",
}
}],
"series": [{
"yAxis": 0,
"data": [{
"eQCategoryValue": "1.00",
"y": 45
}, {
"eQCategoryValue": "2.00",
"y": 56
}, {
"eQCategoryValue": "3.00",
"y": 23
}, {
"eQCategoryValue": "4.00",
"y": 6
}],
"name": "Col_4",
}, {
"yAxis": 1,
"data": [{
"eQCategoryValue": "1.00",
"y": 1
}, {
"eQCategoryValue": "2.00",
"y": 1
}, {
"eQCategoryValue": "3.00",
"y": 1
}, {
"eQCategoryValue": "4.00",
"y": 1
}],
"name": "Number Of Children",
}, {
"yAxis": 2,
"data": [{
"eQCategoryValue": "1.00",
"y": 12
}, {
"eQCategoryValue": "2.00",
"y": 34
}, {
"eQCategoryValue": "3.00",
"y": 56
}, {
"eQCategoryValue": "4.00",
"y": 32
}],
"name": "Col_3",
}]
});
});