Home Components ChartDoughnut
ChartDoughnut Work in progress
Overview Playground API
A doughnut chart is a circular chart with a blank center. The chart is similar to a pie chart with the center cut out. The area in the center can be used to display information.
Usage
Randomize

  Randomize
  
<script> const chart = document.querySelector('goat-chart-doughnut'); chart.data = [ { label: 'A', value: 10 }, { label: 'B', value: 20 }, { label: 'C', value: 30 }, { label: 'D', value: 40 }, { label: 'E', value: 50 }, ]; document.querySelector('#randomize').addEventListener('click', () => { chart.data = chart.data.map(d => ({ ...d, value: Math.random() * 100 })); }); </script>
Usage
Work in progress
Properties
Events