首頁 後端開發 php教程 ECharts是什麼?

ECharts是什麼?

Sep 14, 2017 am 09:59 AM
echarts

ECharts是什麼?

什麼是echarts?

echarts(Enterprise Charts,商業級資料圖表)是一個使用JavaScript 實作的開源視覺化函式庫,可以流暢的運作在PC 和行動裝置上,相容於目前絕大部分瀏覽器(IE8/9/10/11,Chrome,Firefox,Safari等),底層依賴輕量級的向量圖形庫ZRender,提供直觀,交互豐富,可高度個性化定制的數據可視化圖表。

豐富的視覺化類型

ECharts 提供了常規的折線圖、長條圖、散點圖、圓餅圖、K線圖,用於統計的盒形圖,用於地理資料視覺化的地圖、熱力學圖、線圖,用於關係資料視覺化的關係圖、treemap、旭日圖,多維資料視覺化的平行座標,還有用於BI 的漏斗圖,儀表板,並且支持圖與圖之間的混搭。

除了已經內建的包含了豐富功能的圖表,ECharts 還提供了自訂系列,只需要傳入一個renderItem函數,就可以從資料映射到任何你想要的圖形,更棒的是這些都還能和已有的互動組件結合使用而不需要操心其它事情。

你可以在下載介面下載包含所有圖表的構建文件,如果只是需要其中一兩個圖表,又嫌包含所有圖表的構建文件太大,也可以在在線構建中選擇需要的圖表類型後自訂建置。

多種資料格式無需轉換直接使用

ECharts 內建的dataset 屬性(4.0+)支援直接傳入包含二維表,key-value 等多種格式的資料來源,透過簡單的設定encode 屬性就可以完成從資料到圖形的映射,這種方式更符合可視化的直覺,省去了大部分場景下資料轉換的步驟,而且多個元件能夠共享一份資料而不用克隆。

為了配合大數據量的展現,ECharts 也支援輸入TypedArray 格式的數據,TypedArray 在大數據量的儲存中可以佔用更少的內存,對GC 友好等特性也可以大幅度提升可視化應用的性能。

千萬資料的前端展現

透過增量渲染技術(4.0+),配合各種細緻的優化,ECharts 能夠展現千萬級的資料量,並且在這個資料量級依然能夠進行流暢的縮放平移等互動。

幾千萬的地理座標資料就算使用二進位儲存也要佔上百 MB 的空間。因此 ECharts 同時提供了對流加載(4.0+)的支持,你可以使用 WebSocket 或對資料分塊後加載,加載多少渲染多少!不需要漫長地等待所有資料載入完再進行繪製。

ECharts是什麼?

ECharts是什麼?

行動端最佳化

ECharts 針對行動端互動做了細緻的最佳化,例如行動端小螢幕上適合用手指在座標系中進行縮放、平移。 PC 端也可以用滑鼠在圖中進行縮放(用滑鼠滾輪)、平移等。

細粒度的模組化和打包機制可以讓 ECharts 在行動端也擁有很小的體積,可選的 SVG 渲染模組讓行動端的記憶體佔用不再捉襟見肘。

多重渲染方案,跨平台使用!

ECharts 支援以 Canvas、SVG(4.0+)、VML 的形式渲染圖表。 VML 可以相容於低版本 IE,SVG 讓行動裝置不再為記憶體擔憂,Canvas 可以輕鬆應對大數據量和特效的展現。不同的渲染方式提供了更多選擇,使得 ECharts 在各種場景下都有更好的表現。

除了 PC 和行動端的瀏覽器,ECharts 還能在 node 上配合 node-canvas 進行高效率的服務端渲染(SSR)。從 4.0 開始我們也和微信小程式的團隊合作,提供了 ECharts 對小程式的適配!

社群熱心的貢獻者也為我們提供了豐富的其它語言擴展,例如 Python 的pyecharts,R 語言的 recharts, Julia 的 ECharts.jl 等等。

我們希望平台和語言都不會成為大家使用 ECharts 實現視覺化的限制!

深度的互動式資料探索

互動是從資料中發掘資訊的重要手段。 「總覽為先,縮放過濾按需查看細節」是資料視覺化互動的基本需求。

ECharts 一直在互動的路上前進,我們提供了圖例、視覺映射、資料區域縮放、tooltip、資料刷選等開箱即用的互動元件,可以對資料進行多維度資料篩選、視圖縮放、展示細節等互動操作。

多維資料的支持以及豐富的視覺編碼手段

ECharts 3 開始加強了對多維資料的支援。除了加入了平行座標等常見的多維資料視覺化工具外,對於傳統的散佈圖等,傳入的資料也可以是多個維度的。配合視覺映射元件 visualMap 提供的豐富的視覺編碼,能夠將不同維度的資料映射到顏色,大小,透明度,明暗度等不同的視覺通道。

動態資料

ECharts 由資料驅動,資料的改變驅動圖表展現的改變。因此動態數據的實現也變得異常簡單,只需要獲取數據,填入數據,ECharts 會找到兩組數據之間的差異然後通過合適的動畫去表現數據的變化。配合 timeline 元件能夠在更高的時間維度上去表現資料的資訊。

絢麗的特效

ECharts 針對線數據,點數據等地理數據的視覺化提供了吸引眼球的特效。

透過 GL 實現更多更強大絢麗的三維視覺化

想要在 VR,大螢幕場景裡實現三維的視覺化效果?我們提供了基於WebGL 的ECharts GL,你可以跟使用ECharts 普通組件一樣輕鬆的使用ECharts GL 繪製出三維的地球,建築群,人口分佈的柱狀圖,在這基礎之上我們還提供了不同層級的畫面配置項,幾行配置就能得到藝術化的畫面!

ECharts是什麼?

ECharts是什麼?

ECharts是什麼?

ECharts是什麼?

#無障礙存取(4.0 +)

當我們說到「視覺化」的時候,我們往往很自然地將它與「看得」連結在一起,但其實這是片面的。 W3C制定了無障礙富互聯網應用規範集(WAI-ARIA,the Accessible Rich Internet Applications Suite),致力於使得網內容和網應 用能夠被更多殘障人士訪問。

ECharts 4.0遵從這個規範,支援自動根據圖表配置項智慧產生描述,使得盲人可 以在朗讀設備的幫助下了解圖表內容,讓圖表可以被更多人群訪問!

更多相關知識,請造訪 PHP中文網! !

以上是ECharts是什麼?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Stock Market GPT

Stock Market GPT

人工智慧支援投資研究,做出更明智的決策

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

ECharts與Java介面:如何快速實現折線圖、長條圖、圓餅圖等統計圖 ECharts與Java介面:如何快速實現折線圖、長條圖、圓餅圖等統計圖 Dec 17, 2023 pm 10:37 PM

ECharts和Java介面:如何快速實現折線圖、長條圖、圓餅圖等統計圖,需要具體程式碼範例隨著網路時代的到來,資料分析變得越來越重要。統計圖表是一種非常直觀而有力的展示方式,透過圖表可以更清楚地展示數據,讓人們更能理解數據的內涵和規律。在Java開發中,我們可以使用ECharts和Java介面來快速實現各種統計圖表的展示。 ECharts是一款由百度開發

如何利用php介面和ECharts產生可視化的統計圖表 如何利用php介面和ECharts產生可視化的統計圖表 Dec 18, 2023 am 11:39 AM

在今天數據視覺化變得越來越重要的背景下,許多開發者都希望能夠利用各種工具,快速產生各種圖表與報表,以便能夠更好的展示數據,幫助決策者快速做出判斷。而在此背景下,利用Php介面和ECharts函式庫可以幫助許多開發者快速產生可視化的統計圖表。本文將詳細介紹如何利用Php介面和ECharts庫產生視覺化的統計圖表。在具體實作時,我們將使用MySQL

使用ECharts和Python介面繪製儀錶板的步驟 使用ECharts和Python介面繪製儀錶板的步驟 Dec 18, 2023 am 08:40 AM

使用ECharts和Python介面繪製儀錶板的步驟,需要具體程式碼範例摘要:ECharts是一款優秀的資料視覺化工具,透過Python介面可以方便地進行資料處理和圖形繪製。本文將介紹使用ECharts和Python介面繪製儀錶板的具體步驟,並提供範例程式碼。關鍵字:ECharts、Python介面、儀錶板、資料視覺化簡介儀錶板是一種常用的資料視覺化形式,它透過

ECharts和golang技術指南: 創建各類統計圖表的實用秘籍 ECharts和golang技術指南: 創建各類統計圖表的實用秘籍 Dec 17, 2023 pm 09:56 PM

ECharts和golang技術指南:創建各類統計圖表的實用秘籍,需要具體程式碼範例導語:在現代化的資料視覺化領域,統計圖表是資料分析和視覺化的重要工具。 ECharts是一個強大的資料視覺化函式庫,而golang是一種快速,可靠且有效率的程式語言。本文將向您介紹如何使用ECharts和golang建立各種類型的統計圖表,並提供程式碼範例,幫助您掌握這項技能。準備工作

如何在ECharts中使用長條圖展示數據 如何在ECharts中使用長條圖展示數據 Dec 18, 2023 pm 02:21 PM

如何在ECharts中使用長條圖展示資料ECharts是一款基於JavaScript的資料視覺化函式庫,在資料視覺化的領域非常流行且使用廣泛。其中,長條圖是最常見和常用的圖表類型,可以用來顯示各種數值資料的大小、比較和趨勢分析。本文將介紹如何使用ECharts來繪製長條圖,並提供程式碼範例。首先,我們需要在HTML檔案中引入ECharts庫,可以透過以下方式引

如何在ECharts中使用日曆圖展示時間數據 如何在ECharts中使用日曆圖展示時間數據 Dec 18, 2023 am 08:52 AM

如何在ECharts中使用日曆圖展示時間資料ECharts(百度開源的JavaScript圖表庫)是一種強大且易於使用的資料視覺化工具。它提供了各種圖表類型,包括折線圖、長條圖、餅圖等。而日曆圖是ECharts中一個很有特色且實用的圖表類型,它可以用來展示與時間相關的數據。本文將介紹如何在ECharts中使用日曆圖,並提供具體的程式碼範例。首先,你需要使用

如何使用ECharts和php介面產生統計圖 如何使用ECharts和php介面產生統計圖 Dec 18, 2023 pm 01:47 PM

如何使用ECharts和PHP介面產生統計圖引言:在現代web應用開發中,資料視覺化是一個非常重要的環節,它能夠幫助我們直觀地展示和分析資料。 ECharts是一款強大的開源JavaScript圖表庫,它提供了多種圖表類型和豐富的互動功能,能夠輕鬆產生各種統計圖表。本文將介紹如何使用ECharts和PHP介面產生統計圖,並給出具體的程式碼範例。一、概述ECha

如何在ECharts中使用地圖熱力圖展示城市熱度 如何在ECharts中使用地圖熱力圖展示城市熱度 Dec 18, 2023 pm 04:00 PM

如何在ECharts中使用地圖熱力圖展示城市熱度ECharts是一款功能強大的視覺化圖表庫,它提供了各種圖表類型供開發人員使用,包括地圖熱力圖。地圖熱力圖可以用來展示城市或地區的熱度,幫助我們快速了解不同地方的熱門程度或密集程度。本文將介紹如何使用ECharts中的地圖熱力圖來展示城市熱度,並提供程式碼範例供參考。首先,我們需要一個包含地理資訊的地圖文件,EC

See all articles