tsdev-react-polar-pie-chart v1.0.0

TSDEV-REACT-POLAR-PIE-CHART

ReactJS component for data visualization

Installation

npm install --save-dev tsdev-react-polar-pie-chart

Import & Usage

import { TsdevPolarPieChart } from 'tsdev-react-polar-pie-chart';

...

<TsdevPolarPieChart id="my-chart">

Properties

Layout

• '/dist/styles.css'

Static Storybook

• open with browser '/storybook-static/index.html'

Functions

onSegmentClick(obj) => {
	console.log(obj);
}

colorRange

 colorRange: ['#85c7f1', '#549bf1', '#3329eb', '#0800a2', '#000000']

dataSet

 // !!! AVOID negative values !!!

 dataSet: [
        {
            label: 'one',
            value: 10
        },
        {
            label: 'two',
            value: 40
        },
        {
            label: 'three',
            value: 20
        },
        {
            label: 'four',
            value: 20
        },
        {
            label: 'five',
            value: 10
        }
    ]

innerLabelType

value
label
labelValue
percent
labelPercent

outerLabelType

value
label
labelValue
percent
labelPercent

tooltipType

value
label
labelValue
percent
labelPercent