liveon-charts-row
v1.3.0
Published
Insert lines of pie charts into your pages
Downloads
21
Readme
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|