Wijmo UI for the Web
Create a Doughnut Chart
Show AllShow All
Hide AllHide All

Building on the Quick Start example, you can change the pie chart into a doughnut chart using the innerRadius option.

  1. In the <head> section of your HTML file, replace the script that includes the document ready function with this one, which sets the innerRadius option to 40 pixels. 

    Drop down and copy script to paste in <head> section

  2. No changes are necessary in the <body> section of your HTML file. The basic <div> tag is sufficient to create the chart.
  3. Save your HTML file and open it in a browser. The chart appears like the one in the live widget below, with the center cut out to create a doughnut shape.

See Also

Reference

 
Support Options