FusionCharts - Gallery Example - Scroll Column 2D Chart in JavaScript

Created using FusionCharts Suite XT - www.fusioncharts.com

by FusionCharts

HTML

<script src="https://cdn.fusioncharts.com/fusioncharts/latest/fusioncharts.js"></script>
<script src="https://cdn.fusioncharts.com/fusioncharts/latest/themes/fusioncharts.theme.fusion.js"></script>
<!-- 
    A Scroll Column 2D Chart showing sales trend for last two years.
-->
<div id="container">FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function() {
  var topStores = new FusionCharts({
    type: 'sunburst',
    renderAt: 'container',
    width: '850',
    height: '600',
    dataFormat: 'json',
    dataSource: {
      "chart": {
        "theme": "fusion",
        "caption": "Flare Data Store Segregation",
        "subcaption": "Click on the segments to Drill-down",
        "showPlotBorder": "1",
        "animation": "1",
        "paletteColors": "D7D8E7, A88CCC, 77ECC8, 97FAA4, CFF69D, EED482, FFAE91, FE93B5, D98ACF, 7BCDE8, 94A8E9",
        "animationDuration": "2",
        "centerAngle": "90",
        "allowDrillToNode": "0"
      },
      data: [{
          "id": "Flare",
          "parent": "",
          "label": "Flare",
          "value": "",
          "fillColor": "#FF0000"
        },
        {
          "id": "Analytics",
          "parent": "Flare",
          "label": "Analytics",
          "value": ""
        },
        {
          "id": "Cluster",
          "parent": "Analytics",
          "label": "Cluster",
          "value": "1"
        },
        {
          "id": "AgglomerativeCluster",
          "parent": "Cluster",
          "label": "AgglomerativeCluster",
          "value": "3938"
        },
        {
          "id": "CommunityStructure",
          "parent": "Cluster",
          "label": "CommunityStructure",
          "value": "3812"
        },
        {
          "id": "HierarchicalCluster",
          "parent": "Cluster",
          "label": "HierarchicalCluster",
          "value": "6714"
        },
        {
          "id": "MergeEdge",
          "parent": "Cluster",
          "label": "MergeEdge",
          "value": "743"
        },
        {
          "id": "Graph",
          "parent": "Analytics",
          "label": "Graph",
          "value": "1"
        },
        {
          "id": "BetweennessCentrality",
          "parent": "Graph",
          "label": "BetweennessCentrality",
          "value": "3534"
        },
        {
          "id":...