Pie chart_2
by Bharathi Prasannaa
HTML
<script src="https://code.highcharts.com/highcharts.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"></div>
CSS
#container {
max-width: 660px;
margin: auto;
height: 400px;
margin: 0 auto;
}
JavaScript
var colors = Highcharts.getOptions().colors,
categories = [
"",
"",
" ",
"",
],
data = [
{
"y": 80,
"color": colors[2],
"drilldown": {
"name": "Chrome",
"categories": [
"",
],
"data": [
1,
]
}
},
{
"y": 10,
"color": colors[1],
"drilldown": {
"name": "Firefox",
"categories": [
"Firefox v58.0",
],
"data": [
0.5,
]
}
},
{
"y": 8,
"color": colors[0],
"drilldown": {
"name": "Internet Explorer",
"categories": [
"Internet Explorer v11.0",
],
"data": [
8,
]
}
},
{
"y": 10,
"color": colors[5],
"drilldown": {
"name": "Internet Explorer",
"categories": [
"Internet Explorer v11.0",
],
"data": [
0.8,
]
}
},
{
"y": 2,
"color": colors[3],
"drilldown": {
"name": "Pending",
"categories": [
"Pending",
],
"data": [
1.5,
]
}
}
],
browserData = [],
versionsData = [],
i,
j,
dataLen = data.length,
drillDataLen,
...