JavaScript
var colors = Highcharts.getOptions().colors;
// Splice in transparent for the center circle
//Highcharts.getOptions().colors.splice(0, 0, 'transparent');
Highcharts.chart('container', {
chart: {
height: '100%',
backgroundColor: 'rgba(255, 255, 255, 0.0)',
},
title: {
text: 'World population 2017'
},
subtitle: {
text: 'Source <href="https://en.wikipedia.org/wiki/List_of_countries_by_population_(United_Nations)">Wikipedia</a>'
},
series: [{
type: "sunburst",
data: [{
"id": "eQ_Dummy_TopNode",
"name": "eQ_Dummy_TopNode"
}, {
"id": "Africa",
"parent": "eQ_Dummy_TopNode",
"name": "Africa",
"value": null,
"eQCategoryValue": "Africa",
"color": "rgba(106,0,255,1)"
}, {
"id": "Northern Africa,Africa",
"parent": "Africa",
"name": "Northern Africa",
"value": 480,
"eQCategoryValue": "Northern Africa"
}, {
"id": "Eastern Africa,Africa",
"parent": "Africa",
"name": "Eastern Africa",
"value": 1854,
"eQCategoryValue": "Eastern Africa"
}, {
"id": "Western Africa,Africa",
"parent": "Africa",
"name": "Western Africa",
"value": 1672,
"eQCategoryValue": "Western Africa"
}, {
"id": "Southern Africa,Africa",
"parent": "Africa",
"name": "Southern Africa",
"value": 611,
"eQCategoryValue": "Southern Africa"
}, {
"id": "Middle Africa,Africa",
"parent": "Africa",
"name": "Middle Africa",
"value": 929,
"eQCategoryValue": "Middle Africa"
}, {
"id": "Americas",
"parent": "eQ_Dummy_TopNode",
"name": "Americas",
"value": null,
"eQCategoryValue": "Americas",
"color": "rgba(164,196,0,1)"
}, {
"id": "South America,Americas",
"parent": "Americas",
"name": "South America",
"value": 1358,
"eQCategoryValue": "South America"
}, {
"id": "Caribbean,Americas",
...