搜尋
首頁後端開發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
PHP類型提示如何起作用,包括標量類型,返回類型,聯合類型和無效類型?PHP類型提示如何起作用,包括標量類型,返回類型,聯合類型和無效類型?Apr 17, 2025 am 12:25 AM

PHP類型提示提升代碼質量和可讀性。 1)標量類型提示:自PHP7.0起,允許在函數參數中指定基本數據類型,如int、float等。 2)返回類型提示:確保函數返回值類型的一致性。 3)聯合類型提示:自PHP8.0起,允許在函數參數或返回值中指定多個類型。 4)可空類型提示:允許包含null值,處理可能返回空值的函數。

PHP如何處理對象克隆(克隆關鍵字)和__clone魔法方法?PHP如何處理對象克隆(克隆關鍵字)和__clone魔法方法?Apr 17, 2025 am 12:24 AM

PHP中使用clone關鍵字創建對象副本,並通過\_\_clone魔法方法定制克隆行為。 1.使用clone關鍵字進行淺拷貝,克隆對象的屬性但不克隆對象屬性內的對象。 2.通過\_\_clone方法可以深拷貝嵌套對象,避免淺拷貝問題。 3.注意避免克隆中的循環引用和性能問題,優化克隆操作以提高效率。

PHP與Python:用例和應用程序PHP與Python:用例和應用程序Apr 17, 2025 am 12:23 AM

PHP適用於Web開發和內容管理系統,Python適合數據科學、機器學習和自動化腳本。 1.PHP在構建快速、可擴展的網站和應用程序方面表現出色,常用於WordPress等CMS。 2.Python在數據科學和機器學習領域表現卓越,擁有豐富的庫如NumPy和TensorFlow。

描述不同的HTTP緩存標頭(例如,Cache-Control,ETAG,最後修飾)。描述不同的HTTP緩存標頭(例如,Cache-Control,ETAG,最後修飾)。Apr 17, 2025 am 12:22 AM

HTTP緩存頭的關鍵玩家包括Cache-Control、ETag和Last-Modified。 1.Cache-Control用於控制緩存策略,示例:Cache-Control:max-age=3600,public。 2.ETag通過唯一標識符驗證資源變化,示例:ETag:"686897696a7c876b7e"。 3.Last-Modified指示資源最後修改時間,示例:Last-Modified:Wed,21Oct201507:28:00GMT。

說明PHP中的安全密碼散列(例如,password_hash,password_verify)。為什麼不使用MD5或SHA1?說明PHP中的安全密碼散列(例如,password_hash,password_verify)。為什麼不使用MD5或SHA1?Apr 17, 2025 am 12:06 AM

在PHP中,應使用password_hash和password_verify函數實現安全的密碼哈希處理,不應使用MD5或SHA1。1)password_hash生成包含鹽值的哈希,增強安全性。 2)password_verify驗證密碼,通過比較哈希值確保安全。 3)MD5和SHA1易受攻擊且缺乏鹽值,不適合現代密碼安全。

PHP:服務器端腳本語言的簡介PHP:服務器端腳本語言的簡介Apr 16, 2025 am 12:18 AM

PHP是一種服務器端腳本語言,用於動態網頁開發和服務器端應用程序。 1.PHP是一種解釋型語言,無需編譯,適合快速開發。 2.PHP代碼嵌入HTML中,易於網頁開發。 3.PHP處理服務器端邏輯,生成HTML輸出,支持用戶交互和數據處理。 4.PHP可與數據庫交互,處理表單提交,執行服務器端任務。

PHP和網絡:探索其長期影響PHP和網絡:探索其長期影響Apr 16, 2025 am 12:17 AM

PHP在過去幾十年中塑造了網絡,並將繼續在Web開發中扮演重要角色。 1)PHP起源於1994年,因其易用性和與MySQL的無縫集成成為開發者首選。 2)其核心功能包括生成動態內容和與數據庫的集成,使得網站能夠實時更新和個性化展示。 3)PHP的廣泛應用和生態系統推動了其長期影響,但也面臨版本更新和安全性挑戰。 4)近年來的性能改進,如PHP7的發布,使其能與現代語言競爭。 5)未來,PHP需應對容器化、微服務等新挑戰,但其靈活性和活躍社區使其具備適應能力。

為什麼要使用PHP?解釋的優點和好處為什麼要使用PHP?解釋的優點和好處Apr 16, 2025 am 12:16 AM

PHP的核心優勢包括易於學習、強大的web開發支持、豐富的庫和框架、高性能和可擴展性、跨平台兼容性以及成本效益高。 1)易於學習和使用,適合初學者;2)與web服務器集成好,支持多種數據庫;3)擁有如Laravel等強大框架;4)通過優化可實現高性能;5)支持多種操作系統;6)開源,降低開發成本。

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
1 個月前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
1 個月前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
1 個月前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.聊天命令以及如何使用它們
1 個月前By尊渡假赌尊渡假赌尊渡假赌

熱工具

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

SublimeText3 英文版

SublimeText3 英文版

推薦:為Win版本,支援程式碼提示!

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

MantisBT

MantisBT

Mantis是一個易於部署的基於Web的缺陷追蹤工具,用於幫助產品缺陷追蹤。它需要PHP、MySQL和一個Web伺服器。請查看我們的演示和託管服務。

VSCode Windows 64位元 下載

VSCode Windows 64位元 下載

微軟推出的免費、功能強大的一款IDE編輯器