Hierarchy chart - Hierarchy chart

Hierarchy chart

keyboard_arrow_leftGo back
Open in JSFiddle
JavaScript
chart= new NetChart({
    "navigation": {
        "focusNodeExpansionRadius": 2,
        "initialNodes": [
            "syslog"
        ],
        "mode": "focusnodes"
    },
    "layout": {
        "mode": "hierarchy",
        "nodeSpacing": 45,
        "rowSpacing": 80
    },
    "container": "demo",
    "data": [
        {
            "url": "\/dvsl\/data\/extra\/bubbles-clean.json"
        }
    ],
    "toolbar": {
        "fullscreen": true,
        "enabled": true
    },
    "interaction": {
        "resizing": {
            "enabled": false
        }
    }
})
HTML
      <script src="https://cdn.zoomcharts-cloud.com/1/latest/zoomcharts.js"></script>
      <div id="demo"></div>
                  
Data

              
//