熱線電話：13121318867

登錄
首頁大數據時代關于echarts，最詳細的介紹就在這里了！
關于echarts，最詳細的介紹就在這里了！
2020-08-10
收藏

一、echarts簡介

echarts，全稱Enterprise Charts，商業級數據圖表，一個純Javascript的圖表庫，能夠流暢的運行在PC以及移動設備上，兼容當前絕大部分瀏覽器。為我們許多提供直觀，生動，可交互，可高度個性化定制的數據可視化圖表。能夠支持折線圖、柱狀圖、散點圖、K線圖、餅圖、雷達圖、和弦圖、力導向布局圖、地圖、儀表盤、漏斗圖、事件河流圖等12類圖表，同時提供標題，詳情氣泡、圖例、值域、數據區域、時間軸、工具箱等7個可交 互組件，支持多圖表、組件的聯動和混搭展現。

二、echarts特點

1.可視化類型豐富，并且提供了吸引眼球的特效

2.多渲染方案，能夠跨平臺使用，支持以 Canvas、SVG(4.0+)、VML 的形式渲染圖表。

3.多維數據的支持以及豐富的視覺編碼手段，例如 對于傳統的散點圖等，傳入的數據也可以是多個維度的。

4.多種數據格式無需轉換直接使用，內置的 dataset 屬性(4.0+)支持直接傳入包括二維表，key-value 等多種格式的數據源，此外還支持輸入 TypedArray 格式的數據。

5.無障礙訪問（4.0+），能夠支持自動根據圖表配置項智能生成描述，使得盲人可以在朗讀設備的幫助下了解圖表內容，讓圖表可以被更多人群訪問!

三、echarts基本名詞

1.

2.圖表名詞

四、安裝

1.下載地址

https://echarts.apache.org/zh/download.html

2.使用npm安裝

cnpm install echarts

四、實例 


<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>測試 ECharts</title>
    <!-- 引入 echarts.js -->
    <script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script>
</head>
<body>
    <!-- 為ECharts準備一個具備大?。▽捀撸┑腄om -->
    <div id="main" style="width: 600px;height:400px;"></div>
    <script type="text/javascript">
        // 基于準備好的dom，初始化echarts實例
        var myChart = echarts.init(document.getElementById('main'));
 
        // 指定圖表的配置項和數據
        var option = {
            title: {
                text: '測試 ECharts'
            },
            tooltip: {},
            legend: {
                data:['銷量']
            },
            xAxis: {
                data: ["襯衫","短袖","皮鞋","褲子","高跟鞋","襪子"]
            },
            yAxis: {},
            series: [{
                name: '銷量',
                type: 'line',
                data: [9, 10, 36, 19, 14, 20]
            }]
        };
 
        // 使用剛指定的配置項和數據顯示圖表。
        myChart.setOption(option);
    </script>
</body>
</html>



CDA數據分析師考試相關入口一覽（建議收藏）：

? 想報名CDA認證考試，點擊>>>   “CDA報名” 了解CDA考試詳情；

? 想學習CDA考試教材，點擊>>> “CDA教材” 了解CDA考試詳情；

? 想加入CDA考試題庫，點擊>>> “CDA題庫” 了解CDA考試詳情；

? 想了解CDA考試含金量，點擊>>> “CDA含金量” 了解CDA考試詳情；

echarts 散點圖 漏斗圖 柱狀圖 折線圖 數據可視化

數據分析咨詢請掃描二維碼

若不方便掃碼，搜微信號：CDAshujufenxi

上一篇數據可視化之用Pyecharts實現南丁格爾玫瑰圖
下一篇數據倉庫里的實事實表，維度表，怎么區分？
數據分析師考試動態
CDA報考指南
數據分析學習
數據分析師資訊
更多

CDA教育閉環

常見問題

關于我們

CDA數據分析師公眾號

  • CDA數據分析師公眾號

CDA考試中心小程序

  • CDA考試中心服務號

CDA數據分析師App下載

  • CDA數據分析師App下載
Copyright © 2015-2021, www.ruiqisteel.com All Rights Reserved. CDA數據分析師(北京國富如荷網絡科技有限公司) 版權所有 京ICP備11001960號-9 京公網安備 11010802034615號 經營許可證編號：京B2-20210330
聯系電話：13321103290 (微信同號)

OK
客服在線
立即咨詢
日韩人妻系列无码专区视频,先锋高清无码,无码免费视欧非,国精产品一区一区三区无码
客服在線
立即咨詢