c3.js donut chart

by ti2005

HTML

<script src="https://d3js.org/d3.v3.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.11/c3.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.11/c3.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<div id="piechart_25cf-d963-94fa-4d9f-bd2f"></div>

JavaScript

var pieData = {"Australia":500,"China":200,"India":666,"UAE":54,"USA":120};
          var title = 'Country Information';
          var chartDonut = c3.generate({
            bindto: "#piechart_25cf-d963-94fa-4d9f-bd2f",
            data: {
              json: [pieData],
              keys: {
                value: Object.keys(pieData),
              },
              type: "donut",
            },
            donut: {
              title: title,
            },
          });