바 이 두 Echarts. js 를 이용 하여 레이더 도 를 생 성 합 니 다.

1. 다운로드 주소:http://echarts.baidu.com/
2. 문서 보기 (필수).선택 할 수 있 는 것 은 원 하 는 기능 을 먼저 완성 하고 확장 할 수 있 습 니 다.
3. 추천 하 는 모듈 화 된 단일 파일 을 사용 하여 도입 합 니 다.
dist 폴 더 아래 에 있 습 니 다.

echarts - line. js: 접 는 선 그림 (접 는 기둥 의 동적 유형 전환 이 필요 할 경우 require 시 echarts / chart / bar)

echarts - bar. js: 기둥 그림 (접 힌 기둥 의 동적 유형 전환 이 필요 할 경우 require 시 echarts / chart / line)

echarts - scatter. js: 산 점도

echarts - k. js: K선도

echarts - pie. js: 떡 그림 (떡 깔때기 그림 의 동적 유형 전환 이 필요 하 다 면 require 시 echarts / chart / funnel)

echarts - radar. js: 레이더 그림

echarts - map. js: 지도

echarts - force. js: 파워 가이드 레이아웃 그림 (예 를 들 어 파워 가이드 코드 동적 유형 전환 이 필요 할 경우 require 시 echarts / chart / chord)

echarts - chord. js: 코드 맵 (예 를 들 어 코드 동적 유형 전환 이 필요 할 경우 require 시 echarts / chart / force)

echarts - funnel. js: 깔때기 그림 (떡 깔때기 그림 의 동적 유형 전환 이 필요 하 다 면 require 시 echarts / chart / pie)

echarts - gauge. js: 계기판

echarts - eventRiver. js: 사건 하천 도

필요 에 따라 js 파일 을 불 러 옵 니 다.
4. < head > < / head > 태그 에 도입

<script src="./js/echarts.js"></script>

파일 경로 주의.
그리고

   <script type="text/javascript">
        require.config({
            paths: {
                echarts: './js/dist'//
            }
        });
        require(
            [
                'echarts',
                'echarts/chart/line',   // 
                'echarts/chart/bar'
            ],
            function (ec) {
                var myChart = ec.init(document.getElementById('main'));//main        DOM ID
                var option = {
                    .../
                }
                myChart.setOption(option);
            }
        );
    </script>

5. 문 서 를 보고 option 안의 각종 옵션 의 의 미 를 숙지 합 니 다.
6. 데모 실천 하기.