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