react-native - Victory Native 中的圆形雷达图

Question

我正在尝试在其中创建雷达图，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>

但这无济于事。

非常感谢您的帮助！！

Answer 1

您可以interpolation通过以下可用的极坐标图选项在 VictoryArea 组件上使用 prop：

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

Victory 文档中的插值道具

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