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

EN

我刚开始使用plotly.js和react。

现在我想制作一个18角坐标的雷达图，但是由于plotly.js中没有雷达图，所以我不确定什么是最好的方法。

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

1. 我发现的第一种方法是用极坐标图制作雷达图，但也有一些问题。

我正在为图片中的左边图表设置激进坐标(r)和角坐标(t)，就像这个r: [60, 72.5, 70.0, 45.0, 60.5], t: ["math", "history", "music", "english", "geography"]；但是，由于角坐标是字符串，所以我不能将第一个坐标和最后一个坐标与一条线连接起来，就像你在图片中看到的那样。

下一个问题是，如果我有超过6个坐标，一个图表不显示所有的角坐标。在图片的右边图表中，我设置了像这个r: [60, 72.5, 70.0, 45.0, 60.5, 60, 30, 20, 10], t: ["math", "history", "music", "english", "geography", "logic", "ethic", "aaaa", "bbbb"]这样的坐标，它只显示了9个角坐标中的5个，而我想要它显示每个坐标。

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

到目前为止，这些都是我发现的，但我觉得我错过了用plotly.js制作雷达图的更简单的方法。制作雷达图不可能如此复杂和低效。

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

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