react-resizable-donut-chart v1.0.1

React resizable donut chart

Installation

npm install react-resizable-donut-chart --save

Usage

import { DonutResizableChart } from 'react-resizable-donut-chart';

export const ResizableDonut = () => {
  const [pieData, setPieData] = useState({
    data: [
      {
        value: 40,
        color: '#18FFFF',
        selected: true,
        resizing: false,
      },
      {
        value: 26,
        color: '#0288D1',
        selected: false,
        resizing: false,
      },
      {
        value: 10,
        color: '#BF360C',
        selected: false,
        resizing: false,
      },
      {
        value: 13,
        color: '#F4511E',
        selected: false,
        resizing: false,
      },
      {
        value: 11,
        color: '#F9A825',
        selected: false,
        resizing: false,
      },
    ],
    selectedId: 0,
  });

  return <DonutResizableChart pieData={pieData.data} changePieData={setPieData} />;
}

Props