Javascript React Recharts三轴雷达图
是否可以在recharts库的RadarChart组件中显示3轴 我在搞recharts图书馆的演示项目。 我有以下数据:Javascript React Recharts三轴雷达图,javascript,reactjs,html5-canvas,recharts,Javascript,Reactjs,Html5 Canvas,Recharts,是否可以在recharts库的RadarChart组件中显示3轴 我在搞recharts图书馆的演示项目。 我有以下数据: const data = [ { subject: 'Math', A: 98, B: 130 }, { subject: 'Chinese', A: 50, B: 100 }, { subject: 'English', A: 65, B: 85 }, ]; 雷达艺术是否可能只显示主轴?意思是只把数学、语文和英语统一在中心?用我一直在尝试的方法,我只能移除网
const data = [
{ subject: 'Math', A: 98, B: 130 },
{ subject: 'Chinese', A: 50, B: 100 },
{ subject: 'English', A: 65, B: 85 },
];
雷达艺术是否可能只显示主轴?意思是只把数学、语文和英语统一在中心?用我一直在尝试的方法,我只能移除网格,但我无法使主轴出现
<p>RadarChart wrapped by ResponsiveContainer</p>
<div style={{ width: '100%', height: '100%' }}>
<ResponsiveContainer>
<RadarChart data={data}>
{/* <PolarGrid /> */}
<PolarAngleAxis dataKey="subject"/>
{/* <PolarRadiusAxis /> */}
{/* <Tooltip /> */}
<Radar name="Mike" dataKey="B" stroke="#8884d8" fill="#8884d8" fillOpacity={0.6}>
{/* <LabelList /> */}
</Radar>
</RadarChart>
</ResponsiveContainer>
</div>
用响应容器包装的雷达艺术
{/* */}
{/* */}
{/* */}
{/* */}
这个图表的可定制性如何?在其中绘制一个点并添加背景图像是否容易,还是创建自己的画布并将其集成到React中更好