我剛開始使用plotly.js進行反應。
現在我想製作一個包含18個角度座標的雷達圖表,但由於plotly.js中沒有雷達圖表,我不確定最好的方法是做什麼。如何用ploylt.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個,而我希望它顯示每個座標。
- 第二種方法是創建一個圖表,如this,但我覺得這不是有效的方法。由於看起來我必須寫出圖表的每一個細節,因此適應不同的數據並不靈活。
這些是我迄今爲止發現的東西,但我覺得我缺少一個更簡單的方法來製作plotly.js中的雷達圖表。創建雷達圖表不是那麼複雜和低效。
我知道有其他的庫,如支持雷達圖chart.js之,但我需要做的這plotl.js
什麼是創造plotly.js雷達圖的最佳方式?