Preloaded data.

Simple data set, with 1 drilldown level.

HTML

<script src="https://cdn.zoomcharts-cloud.com/1/latest/zoomcharts.js"></script>
<content>
<div id="demo"></div>

</content>

JavaScript

var data = {
        "subvalues": [
        {
            "value": 50, "name": "Lawyer", "subvalues": [
               { "value": 25, "name": "Tax" },
               { "value": 15, "name": "Criminal Law" },
               { "value": 10, "name": "Other" }]
        },
        {
            "value": 30, "name": "Accountant", "subvalues": [
               { "value": 10, "name": "Head" },
               { "value": 9, "name": "Assistant" },
               { "value": 7, "name": "Big firm" },
               { "value": 4, "name": "Small firm" }]
        },
        {
            "value": 20, "name": "Legal Executive", "subvalues": [
               { "value": 15, "something": "Sweet grapes" },
               { "value": 5, "other": "Sour grapes" }]
        },
        { "value": 50, "name": "Other", style: { fillColor: "yellow" } }]
    };

    var t = new PieChart({
        container: document.getElementById("demo"),
        area: { height: null },
        data: { preloaded: data }
    });