A canvas spider / radar chart Component for React
npm install --save tal-chart
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 App
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 |
MIT © alex90badea