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|