난 그냥 재미d3.js
을 d3.js하는 highcharts.js를 사용하여 지금까지 생성 된 그래픽을 변경하고 평가하는 내가 작품을 d3.js 방법을 학습 할 동적 파이 차트를 사용할 준비가.
아래의 URL과 비슷한 점이 있는지 (파이를 클릭하면 새로운 데이터를 볼 수 있는지 보겠습니다.) 동적 인 것으로 사용할 준비가되어 있습니다 (또는 0에서 구현하지 않음). 당신이 Highcharts을 바꾸려면 내가 더 많거나 적은 달성 싶어 무엇
... 사전에
http://lully.snv.jussieu.fr/gbif/mapping/graphs/examples/pie-legend.htm
감사
페레는
는, 나는 단지 좋은 개방을 생각한다 현재 사용할 수있는 소스 대안은 Bob Monteverde의 Novus 차트 라이브러리 인 http://novus.github.com/nvd3/입니다. NVD3에는 멋진 파이 차트가 있으며 좋은 전설도 있습니다. 이 라이브러리의 모든 차트를 살펴보면 내가 의미하는 바를 알 수 있습니다. Stephen Boak의 튜토리얼 (http://blog.stephenboak.com/2011/08/07/easy-as-a-pie.html)에서 좋은 원형 차트를 찾을 수도 있습니다. 또 다른 흥미로운 옵션은 D3 js google 그룹에서 Frank Guerino의 질문을 찾는 것입니다. 나는 너라면 NVD3을 사용할 것이다. 약간의 조정이 필요할 수도 있지만 현재로서는 가장 좋은 옵션 인 것 같습니다. 행운을 빕니다!
d3.js를 사용하여 파이 차트를 생성하는 간단한 함수입니다. 이 함수는 http://xhprof.io/ 프로젝트의 일부입니다. 임의의 크기의 데이터 세트를 처리 할 수 있습니다. 라벨 여백, 원의 반지름 및 백분율 데이터의 가시성 (소스 코드 참조)과 같은 사용자 정의를 허용하는 몇 가지 옵션이 있습니다.
데모는 https://dev.anuary.com/858b33b7-bd66-507b-a9f1-533e4de79ba3/에서 확인할 수있다. 소스 코드는 https://github.com/gajus/pie-chart입니다.
great answer 10characters – laycat
정말 고맙습니다. 감사합니다. – user1249791
마음에 드시면 +1을 추가하고 대답을 수락하십시오. – paxRoman