AnyChart sample

by cristiscu

HTML

<script src="https://cdn.anychart.com/js/7.14.3/anychart-bundle.min.js"></script>
<script src="https://cdn.anychart.com/js/7.14.3/anychart-bundle.min.js"></script>
<link rel="stylesheet" href="https://cdn.anychart.com/css/7.14.3/anychart-ui.min.css" /><div id="container"></div>

CSS

html, body, #container {
  width: 500px;
  height: 500px;
  margin: 0;
  padding: 0;
}

JavaScript

anychart.onDocumentReady(function () {
    chart = anychart.pie3d([
        ['Northfarthing', 150],
        ['Westfarthing', 552],
        ['Buckland', 388],
        ['Westmarch', 405]
    ]);

    chart.title('Population in The Shire');
    chart.innerRadius("40%"); // comment this out and small slice data does not show up

    chart.container('container');
    chart.draw();
});