資訊專欄INFORMATION COLUMN
摘要：所以筆者選擇了，為什么會選擇一是因為它是阿里出品，經(jīng)歷了一年左右的打磨已經(jīng)完全適應(yīng)在使用其次是它支持自由定制，不會像那樣高度封裝，所以在開發(fā)復(fù)雜圖表的時候會更加得心應(yīng)手。只是阿里圖表庫中的一員。
實際上，在數(shù)據(jù)可視化這一塊筆者并沒有很多的開發(fā)經(jīng)歷和經(jīng)驗，不過正是因為這個問題筆者才決定學(xué)習(xí)一門數(shù)據(jù)可視化框架來彌補自己在這一方面的不足。
在這個“大數(shù)據(jù)統(tǒng)治”的時代，數(shù)據(jù)能給我們提供前所未有的便捷和認(rèn)知；感覺在這個時代沒有大數(shù)據(jù)解決不了的事情，雖然有點夸張的嫌疑，但是大數(shù)據(jù)的力量都是有目共睹的。不過遺憾的是我們前端領(lǐng)域并不能處理大數(shù)據(jù)，但是我們可以有目的得將數(shù)據(jù)以美觀、明確、可靠的方式通過頁面的形式展示出來，將枯燥的數(shù)據(jù)轉(zhuǎn)換成一個個精美的圖表。從另一方面講，很多重要的自然定理、很多重要的決策不都是來源于圖表嗎？數(shù)據(jù)可視化，相當(dāng)于將數(shù)據(jù)的力量和圖表的力量結(jié)合起來從而達(dá)到1+1>2的效果。
幸運的是，前端數(shù)據(jù)可視化工作并不需要我們從頭造輪子，目前能做這份工作的第三方框架很多，比如復(fù)雜而強大的D3.js、久負(fù)盛名的Echarts等等，不過本系列筆者并不打算從它們中挑選一個出來學(xué)習(xí)研究，因為網(wǎng)上相關(guān)的資料多如牛毛。所以筆者選擇了BizCharts，為什么會選擇BizCharts？一是因為它是阿里出品，經(jīng)歷了一年左右的打磨已經(jīng)完全適應(yīng)在React使用；其次是它支持自由定制，不會像Echarts那樣高度封裝，所以在開發(fā)復(fù)雜圖表的時候會更加得心應(yīng)手。當(dāng)然這只是它最重要的兩個優(yōu)點，更多的優(yōu)點我們后面慢慢體會。
這里大概說一下阿里的圖表庫。BizCharts只是阿里圖表庫(AntV)中的一員。大概的產(chǎn)品組織框架如下：
AntV
--G2
--BizCharts ?
--Viser-react
--Viser-ng
--Viser-vue
--G6
--F2
從這個圖中我們可以看出本博客所說的BizCharts隸屬于G2，而BizCharts則是基于G2的React版本封裝(原因是阿里前端大部分都是使用React技術(shù)棧而且經(jīng)常涉及到圖表一類的業(yè)務(wù)需求，因此基于G2這種強大的圖表底層引擎而封裝的React可用的圖表庫就產(chǎn)生了)；當(dāng)然我們還能看到Viser-*系列的庫，從名字就能明白分別是基于G2的React版本封裝、基于G2的Angular版本封裝和基于G2的Vue版本封裝；可以看出阿里圖標(biāo)庫對目前比較主流的框架支持的都非常好。
當(dāng)然本系列終究說的還是BizCharts，所以我們繼續(xù)聊它。
前面說到BizCharts已經(jīng)完全適應(yīng)在React使用的原因在于BizCharts將圖表拆解成多個部分并且封裝成獨立的組件，與React的組件化原則完全契合，比如：
本篇就是簡單聊一下數(shù)據(jù)可視化以及相應(yīng)的實現(xiàn)方式算是給這個系列開個頭。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/97712.html
摘要：寫在前面阿里巴巴于去年開放了它的內(nèi)部圖表庫初版，在這一年的時間里，新增了許多特性，并對渲染細(xì)節(jié)及渲染性能進(jìn)行大幅度的調(diào)優(yōu)。在阿里內(nèi)部多個部門多條業(yè)務(wù)線里反復(fù)打磨了兩年之久后，于去年年底對外開源。 寫在前面 阿里巴巴于去年開放了它的內(nèi)部圖表庫 Bizcharts 初版，在這一年的時間里，Bizcharts 新增了許多特性，并對渲染細(xì)節(jié)及渲染性能進(jìn)行大幅度的調(diào)優(yōu)。 本文將簡單的介紹阿里開源...
摘要：發(fā)布，海量圖表供你選擇，豐富模板一鍵創(chuàng)建，提供多種垂直領(lǐng)域模板，快速創(chuàng)建項目，支持風(fēng)格切換，滿足個性化需求輕松操作頁面管理，海量物料自由搭配，頁面組合可視化操作更得心應(yīng)手開發(fā)調(diào)試一體化，集成運行環(huán)境零配置運行，開箱即用。 Iceworks 2.7.0 發(fā)布，海量圖表供你選擇 Iceworks，豐富模板一鍵創(chuàng)建，提供多種垂直領(lǐng)域模板，快速創(chuàng)建項目，支持風(fēng)格切換，滿足個性化需求；輕松操作頁...
摘要：發(fā)布，海量圖表供你選擇，豐富模板一鍵創(chuàng)建，提供多種垂直領(lǐng)域模板，快速創(chuàng)建項目，支持風(fēng)格切換，滿足個性化需求輕松操作頁面管理，海量物料自由搭配，頁面組合可視化操作更得心應(yīng)手開發(fā)調(diào)試一體化，集成運行環(huán)境零配置運行，開箱即用。 Iceworks 2.7.0 發(fā)布，海量圖表供你選擇 Iceworks，豐富模板一鍵創(chuàng)建，提供多種垂直領(lǐng)域模板，快速創(chuàng)建項目，支持風(fēng)格切換，滿足個性化需求；輕松操作頁...
摘要：最近阿里正式開源的圖表庫基于技術(shù)棧，各個圖表項皆采用了組件的形式，貼近的使用特點。相關(guān)文檔組件化阿里的圖表組件手拉手，用開發(fā)動態(tài)刷新組件文檔地址一安裝通過引入二引用成功安裝完成之后，即可使用或進(jìn)行引用。最近阿里正式開源的BizCharts圖表庫基于React技術(shù)棧，各個圖表項皆采用了組件的形式，貼近React的使用特點。同時BizCharts基于G2進(jìn)行封裝，Bizcharts也繼承了G2相...
閱讀 1910·2021-11-17 09:33
閱讀 6525·2021-10-12 10:20
閱讀 2339·2021-09-22 15:50
閱讀 1820·2021-09-22 15:10
閱讀 654·2021-09-10 10:51
閱讀 661·2021-09-10 10:50
閱讀 3122·2021-08-11 11:19
閱讀 1808·2019-08-30 15:55
