render() { return <Radar data={data} />; }
<Radar data={dataRadar} options={{ responsive: true }} /> </SectionContainer>
render() { return ( <div> <h2>Team Stats</h2> <div className="row"> <div className="col s12 m7"> <Radar data={data} width={500} height={500} option={{ maintainAspectRatio: false }}/> </div> <div className="col s12 m5"> <h4>Scores in % of max possible</h4> <Divider /> <h4>Team's offense: 45%</h4> <h4>Team's defense: 45%</h4> <h4>Team's total: 45%</h4> <Divider /> <h4>Number of players: 9</h4> </div> </div> </div> ); }
&& ( <Container fluid> <Radar data={chart.chartData.data} options={chart.chartData.options}
<div className='box-body'> <div className='chart'> <Radar data={data3} /> </div> </div>
{chart.type === "radar" && ( <Radar data={chart.chartData.data} options={chart.chartData.options}
<Radar data={dataRadar} options={{ responsive: true }} /> </SectionContainer>
<Radar data={dataRadar} options={{ responsive: true }} /> </SectionContainer>