Highcharts Demo

author(s): Torstein Hønsi

by tnhu

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/sunburst.js"></script>

<div id="container"></div>

CSS

#container {
	min-width: 310px;
	max-width: 800px;
	margin: 0 auto
}

JavaScript

data = [
  {
    "id": "harness-delegate",
    "parent": "",
    "name": "harness-delegate",
    "value": null,
    "clusterType": null,
    "metadata": null,
    "_parent": "5db7df8c01d32e806e20db28",
    "_value": 138.74785994323787,
    "level": 2,
    "parentIds": [
      "ROOT_PARENT_ID",
      "5db7df8c01d32e806e20db28"
    ],
    "parentIndexes": [
      null,
      null
    ]
  },
  {
    "id": "qa-target-delegate-xicobc",
    "parent": "harness-delegate",
    "name": "qa-target-delegate-xicobc",
    "value": 15.839334320601491,
    "clusterType": null,
    "metadata": {
      "name": "harness-delegate",
      "value": 138.75,
      "trend": 8.5,
      "efficiencyScore": 83
    },
    "_parent": "harness-delegate",
    "_value": 15.839334320601491,
    "level": 3,
    "parentIds": [
      "ROOT_PARENT_ID",
      "5db7df8c01d32e806e20db28",
      "harness-delegate"
    ],
    "parentIndexes": [
      null,
      null,
      null
    ]
  },
  {
    "id": "meg-ddbksb",
    "parent": "harness-delegate",
    "name": "meg-ddbksb",
    "value": 14.61404284802065,
    "clusterType": null,
    "metadata": {
      "name": "harness-delegate",
      "value": 138.75,
      "trend": 8.5,
      "efficiencyScore": 83
    },
    "_parent": "harness-delegate",
    "_value": 14.61404284802065,
    "level": 3,
    "parentIds": [
      "ROOT_PARENT_ID",
      "5db7df8c01d32e806e20db28",
      "harness-delegate"
    ],
    "parentIndexes": [
      null,
      null,
      null
    ]
  },
  {
    "id": "brett-yssrvs",
    "parent": "harness-delegate",
    "name": "brett-yssrvs",
    "value": 13.114515706218175,
    "clusterType": null,
    "metadata": {
      "name": "harness-delegate",
      "value": 138.75,
      "trend": 8.5,
      "efficiencyScore": 83
    },
    "_parent": "harness-delegate",
    "_value": 13.114515706218175,
    "level": 3,
    "parentIds": [
      "ROOT_PARENT_ID",
      "5db7df8c01d32e806e20db28",
      "harness-delegate"
    ],
    "parentIndexes": [
  ...