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

Question

我刚刚开始使用plotly.js做出反应 现在我想制作一个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. 第二种方法是创建一个类似this的图表，但我觉得这不是有效的方法。由于看起来我必须编写图表的每个细节，因此调整不同数据并不灵活。

这些是我到目前为止所发现的东西，但我觉得我错过了在plotly.js中制作雷达图的更简单方法。创建雷达图表并不是那么复杂和低效。

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

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

Answer 1

FWIW RGraph支持画布雷达图：

http://www.rgraph.net/demos/radar-non-filled.html

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