關(guān)于數(shù)據(jù)可視化商業(yè)圖表工具ECharts背后那些事兒

緣起

ECharts，縮寫來自Enterprise Charts，商業(yè)級數(shù)據(jù)圖表，它最初是為了滿足公司商業(yè)體系里各種業(yè)務(wù)系統(tǒng)（如鳳巢、廣告管家等等）的報表需求。以前這些系統(tǒng)的圖表需求我們都是使用flash去實(shí)現(xiàn)的，百度分工很細(xì)，有專門的flash組同學(xué)去做這個事情，這就不可避免多了一個溝通環(huán)節(jié)，作為前端工程師無法獨(dú)立掌控，不管是數(shù)據(jù)接口的設(shè)計(jì)，個性化的需求都得溝通商定。而且一個系統(tǒng)內(nèi)會有很多個flash在不同場景下出現(xiàn)，他們并沒有實(shí)現(xiàn)通用。加上喬幫主不讓i系列上運(yùn)行flash以及html5的火熱，我們需要尋求一個解決方案。于是在2012年初，當(dāng)時還是鳳巢前端技術(shù)負(fù)責(zé)人的Kener-林峰在鳳巢數(shù)據(jù)平臺項(xiàng)目中嘗試使用Canvas去做圖表，他寫了一個全新的輕量級Canvas類庫ZRender，那可以說是ECharts的原型，雖然跟現(xiàn)在已經(jīng)相去十萬八千里了。

ECharts官網(wǎng)>>>

百度資深前端Erik回歸后組建起了百度商業(yè)前端通用技術(shù)組，在前面提到的背景下加上前端團(tuán)隊(duì)的經(jīng)理祖明的強(qiáng)力支持，數(shù)據(jù)可視化成為了通用技術(shù)里一個重要的研究方向， 林峰也就這樣順理成章的從鳳巢技術(shù)負(fù)責(zé)人轉(zhuǎn)到現(xiàn)在的角色，百度商業(yè)前端數(shù)據(jù)可視化團(tuán)隊(duì)負(fù)責(zé)人。癡狂于web3d的技術(shù)天才沈毅，沉迷圖形圖像的楊驥，有SVG/GUI實(shí)戰(zhàn)經(jīng)驗(yàn)的宿爽，對顏色如數(shù)家珍的陳懷木等等來自一線的工程師加入組建起了可視化團(tuán)隊(duì)。

正如前面提到的，ECharts來自ZRender，那時的ZRender是包含圖表功能的，甚至拖拽重計(jì)算已經(jīng)在那個時候被實(shí)現(xiàn)了，但各種圖表數(shù)據(jù)邏輯與圖形渲染耦合，非模塊化，Demo時隨心所欲的特殊定制，我們意識到這是一個糟糕的設(shè)計(jì)。ZRender做了第一次大規(guī)模的重構(gòu)，抽離了一切圖表相關(guān)功能，純粹的作為底層Canvas類庫使用。

而被抽離的圖表邏輯構(gòu)建成為ECharts 0.1版本，但基本仍舊屬于Demo狀態(tài)，因?yàn)榻涌诓灰?guī)范，個性化能力和通用性都太差了。Erik和林峰，以及3位來自Flash組的資深工程師（百度商業(yè)系統(tǒng)中多年來所做的各種flash圖表基本出自他們或者是他們所帶領(lǐng)的團(tuán)隊(duì)），花了近2個月時間先后開了6次會議終于制定并發(fā)布了百度圖表庫標(biāo)準(zhǔn)1.0版本。這份標(biāo)準(zhǔn)是在幾乎沒考慮實(shí)現(xiàn)成本的情況下制定的，追求設(shè)計(jì)的合理、高度個性化的擴(kuò)展能力，可想而知，這是給團(tuán)隊(duì)挖了一個很深很深的坑，在緊接著的近10個月時間里ECharts團(tuán)隊(duì)就是看著文檔一步一步從這個坑里爬出來。

幸運(yùn)的是我們真爬出來了，2013年6月30，ECharts發(fā)布了1.0版本，這份標(biāo)準(zhǔn)完全成為了ECharts 1.0的API文檔，而且我們還加入了更多的數(shù)據(jù)交互能力。雖然這份標(biāo)準(zhǔn)目前已經(jīng)成為了ECharts文檔的子集了，但它的重要性不容置疑，回過頭看這段歷程，我們衷心的感謝制定這份標(biāo)準(zhǔn)的5位工程師（林峰、趙庶、Erik、劉陽、楊冬），在我們看來接口設(shè)計(jì)的合理比起實(shí)現(xiàn)成本重要得多。

發(fā)展

ECharts緣起公司自身的業(yè)務(wù)需求，但開源使得它得以發(fā)展，雖然業(yè)界已經(jīng)有多如牛毛的JS圖表庫，但ECharts帶著顛覆性的功能設(shè)計(jì)和技術(shù)特征，發(fā)布后得到了業(yè)界高度關(guān)注和好評，迅速成為國內(nèi)數(shù)據(jù)可視化領(lǐng)域的“后起之秀”，先后在CSDN、ITEye、InfoQ、中國統(tǒng)計(jì)網(wǎng)、統(tǒng)計(jì)之都等主流技術(shù)媒體上有專題報道，被開源中國收錄后即被列為精選做了長達(dá)一周的首頁首位推薦，收藏數(shù)超過了1000，github上發(fā)布12個月后star數(shù)超過了1900，已經(jīng)成為了國內(nèi)同類別項(xiàng)目中關(guān)注度最高的開源項(xiàng)目。被百度外100多家企業(yè)應(yīng)用在新聞傳媒、證券金融、電子商務(wù)、旅游酒店、天氣地理、視頻游戲、電力等眾多領(lǐng)域。

令我們意外的是，ECharts僅發(fā)布半年入選成為了“2013年國產(chǎn)開源軟件10大年度熱門項(xiàng)目”，同時在“2013年度最新的20大熱門開源軟件”中排名第一。除此之外，ECharts還得到了跨領(lǐng)域以及國外技術(shù)團(tuán)體關(guān)注，如在R領(lǐng)域就同時出現(xiàn)國內(nèi)外多個版本的擴(kuò)展，聽說還有兩家亞太地區(qū)金融咨詢企業(yè)正在研發(fā)基于ECharts的BI類產(chǎn)品，甚至還有人拿著ECharts跑到紐約市長數(shù)據(jù)分析部門做應(yīng)用推廣。這都是我們的意外收獲，感謝大家的支持。

下面是ECharts部分圖表展示：