>  기사  >  웹 프론트엔드  >  Anglejs에서 echart 차트 효과를 구현하는 간단한 튜토리얼

Anglejs에서 echart 차트 효과를 구현하는 간단한 튜토리얼

小云云
小云云원래의
2017-12-12 10:37:122147검색

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.