DoughnutChart

grommet-controls

3.0.2

Component

browse

docs

issues

import { DoughnutChart } from 'grommet-controls';

Main

browse

docs

issues

() => (
  <DoughnutChart
    data={{
      labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
      datasets: [
        {
          label: 'Dataset 1',
          data: [-93, 45, 35, -33, 8, 88, -62],
        },
      ],
    }}
    options={{
      legend: {
        display: false,
      },
      themedData: true,
    }}
  />
)

Commits

Date	Author	Commit Message
8/30/2020	atanasster	update eslint and add component-controls
8/27/2019	atanasster	initial commit 2.x alpha

2 commits

External dependencies

package	imports	peer
react-chartjs-2 ^17.0.1	Doughnut	*

Internal dependencies

file	imports
"../withChartTheme"	withChartTheme

Stories

Animation

browse

docs

issues

() => (
  <DoughnutChart
    data={rndDatasets(1)}
    options={{
      themedData: true,
      animation: {
        animateScale: true,
        animateRotate: true,
      },
    }}
  />
)

chartjs/BarChart

chartjs/HorizontalBarChart

Docs

DoughnutChart

Component

Main

Commits

External dependencies

Internal dependencies

Stories

Animation