• Material
  • Fabric
  • Bootstrap
  • Bootstrap v4
  • High Contrast
Preferences
Theme Selection
Mode Selection
Touch
Mouse
Essential JS 2
HOME
All Controls

Button

This sample visualizes the project cost breakdown statistics by using doughnut series. Datalabel shows the Information about the points. While hovering on the slice, border will be highlighted.

DEMO
SOURCE

In this example, you can see how to render doughnut chart. You can use radius and innerRadius properties to render the doughnut and also use border, fill properties to customize the point. dataLabel is used to represent individual data and its value.

Tooltip is enabled in this example, to see the tooltip in action, hover a point or tap on a point in touch enabled devices.