胜利本机中的圆形雷达图

问题描述

我正在尝试在Victory Native中创建雷达图，但是我需要将雷达的边缘弄圆。

提供的图表如下：

我需要使它看起来像这样：

理想情况下，我只会以这种样式添加lineTension：

<VictoryGroup 
     colorScale={["gold","orange","tomato"]}
     style={{ data: { fillOpacity: 0.2,strokeWidth: 2,lineTension: 0.7 } }}
 >
    {this.state.data.map((data,i) => {
       return <VictoryArea key={i} data={data}/>;
    })}
</VictoryGroup>

但是那什么也没做。

非常感谢您的帮助！

解决方法

您可以将VictoryArea组件上的interpolation道具与以下可用的极坐标图选项一起使用：

“基础”，“基数”，“ catmullRom”，“线性”

interpolation prop in Victory documentation

<VictoryArea key={i} data={data} interpolation="cardinal" />