gistfile1.txt

import React, { PureComponent } from 'react';
import Radar from '@bit/recharts.recharts.radar';
import RadarChart from '@bit/recharts.recharts.radar-chart';
import PolarGrid from '@bit/recharts.recharts.polar-grid';
import PolarAngleAxis from '@bit/recharts.recharts.polar-angle-axis';
import PolarRadiusAxis from '@bit/recharts.recharts.polar-radius-axis';
 
const data = [
	{
		subject: 'Devops', A: 120, B: 110, fullMark: 150,
	},
	{
		subject: 'Qualidade', A: 98, B: 130, fullMark: 150,
	},
	{
		subject: 'Arq. Software', A: 86, B: 130, fullMark: 150,
	},
	{
		subject: 'Arq.Solução', A: 99, B: 100, fullMark: 150,
	},
	{
		subject: 'Segurança', A: 85, B: 90, fullMark: 150,
	},
	{
		subject: 'Dados', A: 65, B: 85, fullMark: 150,
	},
];

export default class Example extends PureComponent {
	render() {
		return (
			<RadarChart cx={300} cy={250} outerRadius={150} width={500} height={500} data={data}>
				<PolarGrid />
				<PolarAngleAxis dataKey="subject" />
				<PolarRadiusAxis />
				<Radar name="XXX" dataKey="A" stroke="#8884d8" fill="#8884d8" fillOpacity={0.2} />
			</RadarChart>
		);
	}
}