0

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

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

  1. 我发现的第一种方法是使用极坐标图制作雷达图,但有一些问题。在此处输入图像描述我正在 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 个,而我希望它显示每个坐标。

  1. 第二种方法是创建这样的图表,但我觉得这不是这样做的有效方法由于看起来我必须编写图表的每个细节,因此适应不同的数据并不灵活。

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

我知道还有其他支持雷达图的库,例如 chart.js,但我需要在 plotl.js 中执行此操作

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

4

1 回答 1

0

FWIW RGraph 支持画布雷达图:

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

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

于 2016-12-29T18:08:09.437 回答