私はちょうど反応でplotly.jsを使い始めました。
今、私は18角座標でレーダーチャートを作成したいですが、plotly.jsにレーダーチャートがないので、それを行う最良の方法は何か分かりません。ploylt.jsでレーダーチャート/スパイダーチャートを作成するには
私は2つの方法があるが完全ではないことを発見しました。
- 私が見つけた最初の方法は、極座標チャートを使ってレーダーチャートを作成することですが、いくつか問題があります。
私は画像の左の図にこの
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つのみを表示します。
- 第2の方法はthisのようなグラフを作成することですが、これは効率的な方法ではないようです。私はチャートの細部を書く必要があるように見えるので、異なるデータを適応させるのは柔軟ではありません。
これらは私が今までに見つけたものですが、私はplotly.jsでレーダーチャートを作成する簡単な方法がないように感じます。レーダーチャートを作成することは、これが非常に複雑で非効率的であることはありません。
私は、このようなレーダーチャートをサポートchart.jsなど、他のライブラリがあるけど、私はplotly.jsでレーダーチャートを作成するための最良の方法は何plotl.js
でこれを行う必要がありますか?