Back

FacetChart with drilldown

Column chart with drill down. Click on a column to drill down and reveal that category's subvalues.

Documentation Open in JSFiddle
Start Free Trial Purchase

HTML

HTML 
<script src="https://cdn.zoomcharts-cloud.com/1/nightly/zoomcharts.js"></script>



        <div id="demo"></div>

CSS

CSS 
//No CSS for this example

JavaScript

JavaScript 

        pc = new FacetChart({
            container: document.getElementById("demo"),
            data: { url: "/dvsl/data/pie-chart/browsers.json" },
            series: [
                {
                    data: { field: "value" },
                    style: { fillColor: "#09c", depthBrightness: 0.6, shadowColor: "rgba(0,0,0,0.5)" }
                }
            ],
            facetAxis: {
                defaultUnitWidth: 100
            }
        });

Data

Data 
//Data too large to output
Download Data