1.0.1 • Published 1 year ago
tal-chart v1.0.1
tal-chart
A canvas spider / radar chart Component for React
Install
npm install --save tal-chartUsage
import React from 'react'
import {TalChart} from 'tal-chart'
const App = () => {
return <TalChart labels={["Social", "Purpose", "Learning", "Objective", "Pleasure", "Authority", "Security"]}
colors={[
['rgba(152, 107, 166, .4)', 'rgba(152, 107, 166, 1)'],
['rgba(137,172,101, .4)', 'rgba(137,172,101, 1)'],
]}
datasets={[
[0.2, 0.3, 0.5, 0.7, 0.5, 0.2, 0.9, 0.7],
[0.6, 0.8, 0.9, 0.3, 0.2, 0.5, 0.6, 0.2],
]}/>
}
export default AppSnapshot
Props
| Prop | Type | Description |
|---|---|---|
| labels | Array<string> | Array of all the labels |
| datasets | Array<Array<number>> | Array of arrays, each sub array contains the values for each dataset in range from 0 to 1 |
| colors | Array<Array<string>> | Array of arrays, each sub array matching the dataset index. Each sub array needs to have 2 elements, first element for background color and second for border color |
License
MIT © alex90badea