Back

Scrolling

You can gradually dive deeper into the "others" slice by doing a rotational gesture on the chart

Documentation Open in JSFiddle
Start Free Trial Purchase

HTML

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

<div>
    <div id="demo" style="float:right; width: 100%"></div>
</div>
<div style="clear:both;"></div>

CSS

CSS 
//No CSS for this example

JavaScript

JavaScript 


    var chart = new PieChart({
        container: document.getElementById("demo"),
        area: { height: null },
        data: { url: "/dvsl/data/pie-chart/browsers.json" },
        interaction: {
            others: { maxOthersFraction: 0.15 },
            scrolling: { enabled: true },
            selection: { swipe: false }
        }
    });

Data

Data 
//Data too large to output
Download Data