Javascript 如何使用ploylt.js创建雷达图/蜘蛛图

我刚开始将plotly.js与react一起使用。
现在我想制作一个有18个角坐标的雷达图，但由于plotly.js中没有雷达图，我不确定最好的方法是什么

我找到了两种方法，但并不完美

我发现的第一种方法是使用极坐标图制作雷达图，但有一些问题。我正在设置根坐标（r）和角坐标（t），如图中左侧图表的

r:[60,72.5,70.0,45.0,60.5]，t:[“数学”、“历史”、“音乐”、“英语”、“地理”]

；然而，由于角坐标是字符串，我无法将第一个坐标和最后一个坐标连接成一条线，如图中所示 下一个问题是，如果我有6个以上的坐标，图表不会显示所有的角坐标。在右图中，我设置了如下坐标

r:[60,72.5,70.0,45.0,60.5,60,30,20,10]，t:[“数学”，“历史”，“音乐”，“英语”，“地理”，“逻辑”，“伦理”，“aaaa”，“bbbb”]

，它只显示了9个角坐标中的5个，而我希望它显示每个坐标

第二种方法是创建一个图表，但我觉得这不是有效的方法。因为看起来我必须写下图表的每一个细节，所以适应不同的数据是不灵活的

到目前为止，我发现了这些东西，但我觉得我缺少了一种在plotly.js中制作雷达图的简单方法。创建雷达图不会如此复杂和低效

我知道还有其他库（如chart.js）支持雷达图，但我需要在plotl.js中这样做

---

在plotly.js中创建雷达图的最佳方法是什么？

FWIW RGraph支持画布雷达图：

从下一个版本开始，它也将支持SVG雷达图。这可能会为你节省大量的时间