Javascript React 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 }, ]; 雷达艺术是否可能只显示主轴?意思是只把数学、语文和英语统一在中心?用我一直在尝试的方法,我只能移除网

是否可以在recharts库的RadarChart组件中显示3轴

我在搞recharts图书馆的演示项目。 我有以下数据:

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中更好