DonutChart.md

DonutChart (component)

Donut Chart is a variation of Pie Chart with an area of center cut out. Donut Chart de-emphasizes the use of area and focuses more on representing values as arcs length. d3.pie

Props

boundingClientRect (required)

Size of the parent element/component (passed by the Responsive hoc)

type: shape[object Object]

className

Additional css classes passed from parent

type: string defaultValue: ''

colorScheme

Array of colors as hex color codes

type: arrayOf[object Object] defaultValue: schemeAccent

colorSelector

Array of colors as hex color codes

type: func defaultValue: undefined

data

Data to be represented Each data point must have a label and value field

type: arrayOf[object Object] defaultValue: []

hideLabel

If true hide the labels from chart

type: bool defaultValue: false

labelModifier

Modifier function to change label

type: func defaultValue: undefined

labelSelector (required)

Select the label of data point

type: func

setSaveFunction

Handle save functionality

type: func defaultValue: () => {}

sideLengthRatio

Ratio of the width of annulus to the outerRadius where outerRadius is calculated based on the size of chart.

type: number defaultValue: 0.4

valueSelector (required)

Select the value of data point

type: func