2016-12-29 102 views
0

我刚开始使用plotly.js进行反应。
现在我想制作一个包含18个角度坐标的雷达图表,但由于plotly.js中没有雷达图表,我不确定最好的方法是做什么。如何用ploylt.js创建雷达图表/蜘蛛图表

我发现两种方法可以做到,但并不完美。

  1. 我发现的第一种方式是使用极坐标图制作雷达图表,但有一些问题。 enter image description here我正在为图片中的左图设置像这样的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. 第二种方法是创建一个图表,如this,但我觉得这不是有效的方法。由于看起来我必须写出图表的每一个细节,因此适应不同的数据并不灵活。

这些是我迄今为止发现的东西,但我觉得我缺少一个更简单的方法来制作plotly.js中的雷达图表。创建雷达图表不是那么复杂和低效。

我知道有其他的库,如支持雷达图chart.js之,但我需要做的这plotl.js

什么是创造plotly.js雷达图的最佳方式?

回答