2016-12-29 103 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雷達圖的最佳方式?

回答