2016-12-29 3 views
0

방금 ​​반응이있는 plotly.js를 사용하기 시작했습니다.
지금 당장 18 각도 좌표로 레이더 차트를 만들고 싶지만 plotly.js에 레이더 차트가 없기 때문에 가장 좋은 방법은 무엇인지 모르겠습니다.ploylt.js로 레이더 차트/스파이더 차트를 만드는 방법

두 가지 방법이 있지만 완벽하지는 않습니다.

  1. 내가 발견 한 첫 번째 방법은 극좌표를 사용하여 레이더 차트를 만드는 것이지만 몇 가지 문제가 있습니다. enter image description here 그림의 왼쪽 차트에 대해 급진적 인 좌표 (r)와 각도 좌표 (t)를 r: [60, 72.5, 70.0, 45.0, 60.5], t: ["math", "history", "music", "english", "geography"]과 같이 설정하고 있습니다. 그러나 각도 좌표가 문자열이기 때문에 그림에서 볼 수있는 것처럼 첫 번째 좌표와 마지막 좌표를 선으로 연결할 수 없습니다.

다음 문제는 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의 레이더 차트를 만들 수있는 가장 좋은 방법은 무엇입니까

에서이 작업을 수행 할 필요가?

답변

관련 문제