<script language="javascript" type="text/javascript" src="https://cdn.fusioncharts.com/fusioncharts/3.20.0/fusioncharts.js"></script>
<script language="javascript" type="text/javascript" src="https://cdn.fusioncharts.com/fusioncharts/latest/themes/fusioncharts.theme.fusion.js"></script>
<div id="chart-container">FusionCharts will render here</div>

FusionCharts.ready(function () {
  var topStores = new FusionCharts({
    type: "radialbar",
    renderAt: "chart-container",
    width: "500",
    height: "400",
    dataFormat: "json",
    dataSource: {
      chart: {
        theme: "fusion",
        caption: "Sales of top 5 car brands ",
        subCaption: "Last month",
        yAxisName: "Sales (In USD)",
        numberPrefix: "$",
        alignCaptionWithCanvas: "0"
      },

      data: [
        {
          label: "Hyundai",
          value: "925852"
        },
        {
          label: "Bayerische Motoren Werke AG",
          value: "241258"
        },
        {
          label: "Chevrolet",
          value: "163258"
        },
        {
          label: "Toyoto Astra Motor",
          value: "547852"
        },
        {
          label: "Homnda Motor Company",
          value: "628741"
        }
      ]
    },
    events: {
      dataplotclick: (e) => {
        console.log("clicked");
      },
      dataplotrollover: (e) => {
        console.log("roll over");
      }
    }
  }).render();
});