我刚开始将 plotly.js 与 react 一起使用。
现在我想制作一个有 18 个角坐标的雷达图,但由于 plotly.js 中没有雷达图,我不确定什么是最好的方法。
我找到了两种方法,但并不完美。
- 我发现的第一种方法是使用极坐标图制作雷达图,但有一些问题。我正在
r: [60, 72.5, 70.0, 45.0, 60.5], t: ["math", "history", "music", "english", "geography"]
为图片中的左侧图表设置激进坐标(r)和角坐标(t);但是,由于角坐标是字符串,所以我无法将第一个坐标和最后一个坐标用一条线连接起来,如图所示。
下一个问题是,如果我有超过 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 个,而我希望它显示每个坐标。
- 第二种方法是创建这样的图表,但我觉得这不是这样做的有效方法。由于看起来我必须编写图表的每个细节,因此适应不同的数据并不灵活。
这些是我到目前为止发现的东西,但我觉得我错过了一种在 plotly.js 中制作雷达图的更简单方法。创建雷达图不可能这么复杂和低效。
我知道还有其他支持雷达图的库,例如 chart.js,但我需要在 plotl.js 中执行此操作
在 plotly.js 中创建雷达图的最佳方法是什么?