ehcart는 Baidu에서 네이티브 js를 기반으로 제작한 데이터 차트입니다. 인터페이스와 구성이 잘 작성되어 읽기 쉬우며 상업적 목적으로도 사용할 수 있습니다. 이번 글은 Angularjs에서 echart 차트의 효과를 설명하는 가장 간결한 튜토리얼을 주로 소개하고 있는데, 에디터가 꽤 괜찮다고 생각해서 지금 공유하고 참고용으로 올려드리겠습니다. 편집자를 따라 살펴보겠습니다. 모두에게 도움이 되기를 바랍니다.
One echart 패키지 참조
다운로드하여 압축을 풀고 lib에 넣으세요.
다운로드 주소 : echart_jb51.rar
그리고 index.html의 그림과 같이 두 개의 js 파일을 참조하세요. ㅋㅋㅋ
controller
<!--饼图--> <p> <donut-chart config="donutConfig" data="dataList.incomeData"> </donut-chart> </p>
렌더링
관련 권장사항:
AngularJS 배열의 매개변수 전달 방법 구문 분석
AngularJ가 여러 비동기 요청을 처리하는 방법 요약
AngularJS를 시작하기 위한 상식 요약
위 내용은 Anglejs에서 echart 차트 효과를 구현하는 간단한 튜토리얼의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!