2018年1月16日，ECharts （echarts.baidu.com）發(fā)布了最新大版本 4.0，新版本在產(chǎn)品的性能、功能、易用性等各個(gè)方面進(jìn)行了全面提升。和 ECharts 4.0 一起發(fā)布的還有 ECharts GL 1.0正式版，ZRender 4.0全新版本，WebGL 框架 ClayGL、深度學(xué)習(xí)框架Visual DL等，可謂是一次ECharts團(tuán)隊(duì)在數(shù)據(jù)可視化領(lǐng)域的大閱兵。
1. 全新 ECharts 4.0
本次 ECharts 4.0 新版本主要的升級(jí)點(diǎn)包括：
帶給用戶更強(qiáng)大的性能和功能
千萬(wàn)級(jí)數(shù)據(jù)可視化的無(wú)阻塞體驗(yàn)渲染引擎 ZRender 全面升級(jí)，正式支持SVG新增了旭日?qǐng)D類型讓開發(fā)者使用ECharts變得更加輕松
數(shù)據(jù)與樣式分離讓數(shù)據(jù)傳入變得更加方便更扁平的配置項(xiàng)層級(jí)，更便捷的書寫讓更多的人在更多的場(chǎng)景都能訪問(wèn)使用ECharts制作的可視化產(chǎn)品
首創(chuàng)數(shù)據(jù)可視化產(chǎn)品的無(wú)障礙訪問(wèn)支持新增對(duì)于微信小程序的支持基于Gallery研發(fā)出了PowerPoint插件下面分別為大家詳細(xì)介紹其中的重點(diǎn)升級(jí)功能：
1.1 千萬(wàn)級(jí)數(shù)據(jù)可視化的無(wú)阻塞體驗(yàn)
ECharts 作為一個(gè)通用的數(shù)據(jù)可視化解決方案，能夠穩(wěn)定高效的展示幾百到十萬(wàn)量級(jí)的數(shù)據(jù)集一直是 ECharts 引以為豪的一個(gè)特性。而在 4.0 中，ECharts 把這一數(shù)量級(jí)又進(jìn)行了大幅度提升。
在 4.0 中，ECharts通過(guò)以下手段：
數(shù)據(jù)的流加載支持增量渲染內(nèi)存優(yōu)化、WebGL繪制優(yōu)化克服了以下各種難題：
大體積文件的傳輸耗時(shí)、幾千萬(wàn)的數(shù)據(jù)處理導(dǎo)致的瀏覽器卡頓阻塞無(wú)法實(shí)時(shí)重繪所有圖形、大數(shù)據(jù)存儲(chǔ)在瀏覽器上后過(guò)高的內(nèi)存占用會(huì)導(dǎo)致 GC把性能量級(jí)提升到了千萬(wàn)級(jí)別，在部分場(chǎng)景下測(cè)試數(shù)據(jù)能夠到達(dá)億級(jí)別，把ECharts的性能能力再一次提升到業(yè)界領(lǐng)先水平。后續(xù)會(huì)有專門的技術(shù)文章詳細(xì)分享 ECharts 團(tuán)隊(duì)是如何在性能上做到極致。
1.2 支持SVG渲染，內(nèi)存占用更少，可導(dǎo)出高清矢量圖片
ECharts 4.0 支持以Canvas、SVG、VML的形式渲染圖表，不同的渲染方式提供了更多選擇，使得在各種場(chǎng)景下都有更好的表現(xiàn)。
新增的SVG渲染方式，在內(nèi)存占用方面有很好的表現(xiàn)，以折線圖、柱狀圖、餅圖為例，SVG渲染占用的內(nèi)存是Canvas渲染的十分之一。這意味著，對(duì)于移動(dòng)端場(chǎng)景，尤其是配置較為低端的安卓手機(jī)而言，在原先使用Canvas會(huì)造成卡頓甚至頁(yè)面崩潰的情況下，SVG也能順滑地完成渲染工作。
渲染性能針對(duì)不同類型的圖表和運(yùn)行平臺(tái)有較大差異，有些場(chǎng)景下SVG優(yōu)于Canvas，有些則次于，用戶可以根據(jù)自己的使用場(chǎng)景選擇更合適的渲染方式。通常來(lái)說(shuō)，SVG渲染折線圖和餅圖的效率更高，而由于Canvas渲染矩形的效率很高，所以柱狀圖使用Canvas渲染的效率高于SVG。另一方面，IE對(duì)于SVG的支持較差，因而性能一般比Canvas差；而Chrome上的SVG則有很好的表現(xiàn)。對(duì)于性能敏感的需求，用戶可以測(cè)試特定圖表的性能表現(xiàn)，并決定在各種平臺(tái)上分別使用哪種渲染方式。
此外，有用戶反饋需要在PDF報(bào)表中加入ECharts圖表的圖片，之前使用Canvas渲染的文件尺寸很大。而現(xiàn)在使用SVG渲染可以將圖表導(dǎo)出為矢量圖片，文件尺寸更小，并且永遠(yuǎn)不會(huì)產(chǎn)生鋸齒，是在PDF中插入圖表的更好的選擇。以電腦端瀏覽器中典型的圖表尺寸（1280×600）為例，導(dǎo)出圖片的文件尺寸分別為：
1.3 新增旭日?qǐng)D，為多層數(shù)據(jù)帶來(lái)更酷的展現(xiàn)方式
每次大版本升級(jí)一定會(huì)伴隨著新的強(qiáng)大圖表的支持，4.0 也不例外，ECharts 在本次升級(jí)中新增了一種叫做旭日?qǐng)D的圖表類型。旭日?qǐng)D可以理解為多個(gè)層次的餅圖，內(nèi)圈是外圈的父元素，通過(guò)這樣的形式，可以很直觀高效地展現(xiàn)帶有層次結(jié)構(gòu)的數(shù)據(jù)占比情況，并且具有很好的視覺(jué)效果。
ECharts 為旭日?qǐng)D提供了非常豐富的配置項(xiàng)。以文字為例，提供了徑向、切向、水平、或任意的旋轉(zhuǎn)?度，并且可以在圖形元素的內(nèi)側(cè)或外側(cè)，以多種對(duì)?方式顯示文字。實(shí)現(xiàn)了旭日?qǐng)D的數(shù)據(jù)下鉆功能，點(diǎn)擊一個(gè)數(shù)據(jù)后，可以展現(xiàn)表示其后代元素的旭日?qǐng)D，并且使用優(yōu)雅的動(dòng)畫進(jìn)行過(guò)度。在這些強(qiáng)大的功能幫助之下，用戶可以使用旭日?qǐng)D，輕松創(chuàng)建出藝術(shù)品級(jí)別的可視化作品。
1.4 數(shù)據(jù)與樣式分離讓數(shù)據(jù)傳入變得更加方便
讓開發(fā)者簡(jiǎn)便地進(jìn)行圖表開發(fā)是ECharts的設(shè)計(jì)初衷，之前 ECharts 一直采用的聲明式的圖表配置，數(shù)據(jù)一直聲明在各個(gè)“系列”中，這種方式易于直觀理解。但是一些實(shí)踐場(chǎng)景中，使用者更傾向于，把數(shù)據(jù)這種大體量的信息，單獨(dú)配置，從而便于管理，以及能夠被多個(gè)組件復(fù)用。
從4.0開始，ECharts支持了單獨(dú)的數(shù)據(jù)集聲明，從而數(shù)據(jù)可以單獨(dú)管理，被多個(gè)組件復(fù)用，并且可以自由指定數(shù)據(jù)到視覺(jué)的映射。這在不少場(chǎng)景下能帶來(lái)使用上的方便。有了數(shù)據(jù)表之后，使用者可以靈活得配置：數(shù)據(jù)如何對(duì)應(yīng)到軸和圖形系列，可以改變圖表對(duì)于行列的理解，也可以指定坐標(biāo)軸對(duì)應(yīng)的行列。
示例：
ECharts 希望在無(wú)障礙訪問(wèn)的探索和嘗試，能夠幫助更廣泛的用戶能夠了解真實(shí)，探索世界。
1.7 馬上就可以在微信小程序中使用ECharts了！
很多微信小程序開發(fā)者表示他們強(qiáng)烈需要像ECharts這樣的可視化工具。但是微信小程序是不支持DOM操作的，Canvas接口也和瀏覽器不盡相同。
因此，ECharts團(tuán)隊(duì)和微信小程序官方團(tuán)隊(duì)合作，提供了ECharts的微信小程序版本。開發(fā)者可以通過(guò)熟悉的ECharts配置方式，快速開發(fā)圖表，滿足各種可視化需求。
目前項(xiàng)目已完成了開發(fā)和內(nèi)測(cè)工作，目前正在等待微信小程序開發(fā)工具的更新上線，敬請(qǐng)期待！
1.8 以后可以在 PPT 里使用 ECharts 了
在 PPT 中插入 ECharts 一直是許多PPTer反饋?zhàn)疃嗟男枨?，如今，終于可以在 PPT 里使用 ECharts 了！你可以在 Gallery 里創(chuàng)建你自己的圖表作品后保存。然后在 PPT 里插入 ECharts 組件，選擇你剛保存的圖表，馬上你就可以在 PPT 里擁有一個(gè)豐富的樣式，動(dòng)畫和交互的圖表展示了！
目前該插件已經(jīng)在等待微軟商店審核，相信不需要多久，用戶進(jìn)行該功能的試用。
2. 其它重量產(chǎn)品
除了 ECharts 4.0，還發(fā)布了
ECharts GL 1.0 正式版ZRender 4.0
WebGL 框架 Clay GLVisual DL2.1 ECharts GL 1.0正式版
去年發(fā)布的 ECharts GL（歡迎star） 引起了可視化屆一片驚呼，如今該產(chǎn)品的 1.0 正式版正式發(fā)布，在正式版中，修復(fù)了大量的穩(wěn)定性問(wèn)題，完善了文檔，同時(shí)，新增了以下強(qiáng)大的功能：
集成 Mapbox 地理可視化組件支持洋流風(fēng)場(chǎng)等向量場(chǎng)的可視化
新增了建筑群可視化的組件
加入了更多的二維加速組件去優(yōu)化交互的重繪
2.2 ZRender 4.0 版本升級(jí)
作為ECharts的底層渲染庫(kù)，ZRender承擔(dān)起了抹平平臺(tái)差異、封裝技術(shù)細(xì)節(jié)、提高渲染性能等責(zé)任。在此次發(fā)布的4.0版本中，SVG渲染的支持使得ZRender的渲染能力有了進(jìn)一步提升。
ZRender以基本圖形元素為核心，提供了矩形、圓形、扇形、多邊形、折線段、貝賽爾曲線等十多種基本圖形，并支持圖形直接的組合與剔除，最終以Canvas、SVG或VML的形式輸出，并且支持交互處理。ZRender封裝了不同平臺(tái)的事件處理機(jī)制，將諸如底層鼠標(biāo)事件映射到圖形層面的事件（例如能夠獲取到鼠標(biāo)懸停在圖形上的事件），方便開發(fā)者處理事件。因此，對(duì)于與圖形元素強(qiáng)相關(guān)的需求，用戶可以考慮使用ZRender矢量化的邏輯對(duì)圖形進(jìn)行管理，能夠方便高效地完成渲染和交互任務(wù)。
在此之前，ZRender主要是作為ECharts的底層渲染庫(kù)存在的，隨著ZRender的直接用戶越來(lái)越多，團(tuán)隊(duì)在ZRender官網(wǎng)開放了ZRender的API文檔，并且給出了教程和例子，幫助大家更方便地學(xué)會(huì)使用。
2.3 高性能漸進(jìn)式 WebGL 框架 ClayGL
除了 ZRender，ECharts團(tuán)隊(duì)這次也發(fā)布了 ECharts GL 底層所使用的 WebGL 框架： ClayGL。ClayGL 是一個(gè)漸進(jìn)式的高性能 WebGL 框架（這里感謝 Vue 提出的漸進(jìn)式框架的概念），能夠幫助用戶快速創(chuàng)建一個(gè) Web3D 應(yīng)用，在 ECharts GL 中的應(yīng)用已經(jīng)證明了其能力之強(qiáng)大。
在去年，ClayGL 已經(jīng)在手機(jī)百度這樣擁有上億用戶的產(chǎn)品中落地了三維模型展示的應(yīng)用，充分驗(yàn)證了產(chǎn)品的可靠性。
團(tuán)隊(duì)后續(xù)將圍繞 ClayGL 打造一系列的可視化工具及 Web3D 產(chǎn)品。
2.4 深度學(xué)習(xí)可視化平臺(tái) Visual DL
從去年開始，團(tuán)隊(duì)和百度PaddlePaddle深度合作，打造了一款深度學(xué)習(xí)可視化平臺(tái) Visual DL，也在這次一同發(fā)布，希望通過(guò)可視化的方法將模型訓(xùn)練過(guò)程中的各個(gè)參數(shù)以及計(jì)算的數(shù)據(jù)流圖實(shí)時(shí)地展現(xiàn)出來(lái)，以幫助模型訓(xùn)練者更好的理解、調(diào)試、優(yōu)化模型。用戶只需要通過(guò) Visual DL 提供的接口將模型相關(guān)的各種參數(shù)數(shù)據(jù)寫入日志中，然后Visual DL 會(huì)讀取日志中的模型相關(guān)數(shù)據(jù)將其展示出來(lái)，這些數(shù)據(jù)包括模型訓(xùn)練過(guò)程中的各種定量的度量、用戶傳入的或者中間訓(xùn)練過(guò)程生成的各種圖片、以及神經(jīng)網(wǎng)絡(luò)訓(xùn)練過(guò)程中的計(jì)算數(shù)據(jù)流圖。
訪問(wèn) Visual DL Github 了解項(xiàng)目詳情
下方為產(chǎn)品示例：
相關(guān)文章：
ECharts, PHP, MySQL, Ajax, JQuery 實(shí)現(xiàn)前后端數(shù)據(jù)可視化
Flask+Echarts 實(shí)現(xiàn)動(dòng)圖圖表
DataV接入ECharts圖表庫(kù) 可視化利器強(qiáng)強(qiáng)聯(lián)手
ECharts又搞大動(dòng)作！3.5 版本提供更多數(shù)據(jù)可視化圖表
ECharts 3 測(cè)試版發(fā)布，煥然一新的面貌
Echarts在數(shù)據(jù)新聞上的應(yīng)用
關(guān)于數(shù)據(jù)可視化商業(yè)圖表工具ECharts背后那些事兒
- 特朗普宣布200億美元投資計(jì)劃，在美國(guó)多地建設(shè)數(shù)據(jù)中心
- 工信部：“點(diǎn)、鏈、網(wǎng)、面”體系化推進(jìn)算力網(wǎng)絡(luò)工作 持續(xù)提升算網(wǎng)綜合供給能力
- 2025年超融合基礎(chǔ)設(shè)施的4大趨勢(shì)
- 2025年將影響數(shù)據(jù)中心的5個(gè)云計(jì)算趨勢(shì)
- 80萬(wàn)輛大眾汽車因AWS云配置錯(cuò)誤導(dǎo)致數(shù)據(jù)泄露，包含“高精度”位置記錄
- 名創(chuàng)優(yōu)品超4000家門店接入“碰一下”支付，引爆年輕消費(fèi)熱潮
- 免稅店也能用“碰一下”支付了！中免海南免稅店：碰一下就優(yōu)惠
- 報(bào)告：人工智能推動(dòng)數(shù)據(jù)中心系統(tǒng)支出激增25%
- 密態(tài)計(jì)算技術(shù)助力農(nóng)村普惠金融 螞蟻密算、網(wǎng)商銀行項(xiàng)目入選大數(shù)據(jù)“星河”案例
- 專利糾紛升級(jí)！Netflix就虛擬機(jī)專利侵權(quán)起訴博通及VMware
免責(zé)聲明：本網(wǎng)站內(nèi)容主要來(lái)自原創(chuàng)、合作伙伴供稿和第三方自媒體作者投稿，凡在本網(wǎng)站出現(xiàn)的信息，均僅供參考。本網(wǎng)站將盡力確保所提供信息的準(zhǔn)確性及可靠性，但不保證有關(guān)資料的準(zhǔn)確性及可靠性，讀者在使用前請(qǐng)進(jìn)一步核實(shí)，并對(duì)任何自主決定的行為負(fù)責(zé)。本網(wǎng)站對(duì)有關(guān)資料所引致的錯(cuò)誤、不確或遺漏，概不負(fù)任何法律責(zé)任。任何單位或個(gè)人認(rèn)為本網(wǎng)站中的網(wǎng)頁(yè)或鏈接內(nèi)容可能涉嫌侵犯其知識(shí)產(chǎn)權(quán)或存在不實(shí)內(nèi)容時(shí)，應(yīng)及時(shí)向本網(wǎng)站提出書面權(quán)利通知或不實(shí)情況說(shuō)明，并提供身份證明、權(quán)屬證明及詳細(xì)侵權(quán)或不實(shí)情況證明。本網(wǎng)站在收到上述法律文件后，將會(huì)依法盡快聯(lián)系相關(guān)文章源頭核實(shí)，溝通刪除相關(guān)內(nèi)容或斷開相關(guān)鏈接。
