3D chart marker(CENTER)
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>
JavaScript
$(function () {
$('#container').highcharts({
"chart": {
"height": 400,
"width": 450,
"options3d": {
"enabled": true,
"alpha": 6,
"beta": 15,
"viewDistance": 0,
"depth": 60,
"frame": {
"back": {
"color": "rgba(255,255,255,0)"
},
"side": {
"color": "rgba(255,255,255,0)"
},
"bottom": {
"color": "rgba(255,255,255,0)"
}
}
}
},
"xAxis": {
"title": {
"text": "EmployeeByDept [dept_emp_cube]"
},
"categories": ["Business Analyst", "Documentation", "Finance", "HR_ADMIN", "Personnel", "QA", "Sales Executive mgr", "ceo", "developer", "manager", "tech_manager", "technical writer"],
},
"yAxis": [{
"title": {
"text": "Salary",
},
"labels": {
"enabled": true,
"rotation": 0
},
"plotLines": [{
"value": 750000,
"zIndex": 5,
"dashStyle": "LongDashDot",
"width": 1,
"color": "rgba(255, 0, 0, 1)",
"label": {
"text": "M3-750000",
"style": {
"color": "rgba(255, 0, 0, 1)",
"font-size": "1.143rem",
"font-family": "Lucida Sans Unicode"
},
"align": "center"
}
}]
}],
"series": [{
"zIndex": 1,
"type": "column",
"yAxis": 0,
"data": [{
"eQCategoryValue": "Business Analyst",
"y": 49300
}, {
"eQCategoryValue": "Finance",
"y": 50100
}, {
"eQCategoryValue": "HR_ADMIN",
"y": 130101
}, {
"eQCategoryValue": "QA",
"y": 2000070.21
}],
"name": "Salary",
}]
});
});