Installation
$ npm install liveon-charts-row
Usage
import LiveonPieChartsRow from 'liveon-charts-row';
...
const data = [
{
title: 'Gender chart',
chart: [
{ label: 'Male', value: 50 },
{label: 'Female', value: 60 }
]
}
];
...
<LiveonPieChartsRow data={data} height={300} />
Configuration
Parameter | Type | Required | Default | Description |
---|---|---|---|---|
data | array | yes | The array of data do display on charts | |
colors | array | no | #FE5F55, #F0B67F, #D6D1B1, #a5cdad, #bdc4ac, #AAAAAA | A list with 7 colors used on charts |
onChartClick | func | no | null |
The click action on each sector of charts. Signature: onChartClick(chart, info) |
height | number | no | 300 |
The height of the chart |
style | object | no | {} |
The normal HTML style tag |
labelInside | bool | false | no | Wheter if chart has to have labels inside or outside in charts |
otherLabel | string | no | 'Other' |
Chart classifies data and put the rest in a OTHER section, label this section as you want |