<div class="chart" id="chart-container"></div>

.chart {
  width: 100%;
  height: 400px;
}

new FusionCharts({
  type: "radialbar",
  width: "100%",
  height: "100%",
  renderAt: "chart-container",
  dataSource: {
    chart: {
      theme: "fusion",
      caption: "Top 5 Android OS Market Share",
      subCaption: "January 2021",
      showLegend: 1,
      innerRadius: 30,
      outerRadius: 155,
      showLabels: 1,
      labelText: "<b>$label</b>"
    },
    data: [
      {
        label: "Nougat 7.0",
        value: 4.09
      },
      {
        label: "Oreo 8.0",
        value: 5.19
      },
      {
        label: "Marshmallow 6.0",
        value: 5.77
      },
      {
        label: "Oreo 8.1",
        value: 9.89
      },
      {
        label: "Pie 9.0",
        value: 21.53
      }
    ]
  }
}).render();