做數(shù)據(jù)分析勒叠,或向上級工作匯報,提供有價值的數(shù)據(jù)分析膏孟,為其提供決策使用眯分,其中最簡單直接,形象明了的就是用圖表說明問題了柒桑。
現(xiàn)階段先做一個風(fēng)險評估系統(tǒng)弊决,通過數(shù)據(jù)搜集,數(shù)據(jù)清洗魁淳,數(shù)據(jù)建模飘诗,然后把數(shù)據(jù)分析出的結(jié)果通過工具,可視化地展示出來界逛,于是就需要選擇一款使用方便疚察,性能優(yōu)越,擴(kuò)展性好的可視化工具作為前端技術(shù)支撐仇奶。
所以接下來我想對比幾個不錯的圖表js框架,以便適合系統(tǒng)業(yè)務(wù)的需求比驻。
1.highcharts
中文官方網(wǎng)址:http://www.hcharts.cn/
簡介:功能強(qiáng)大该溯、開源、美觀别惦、圖表豐富狈茉、兼容絕大多數(shù)瀏覽器的純js圖表庫
高端客戶:Facebook,twitter掸掸,雅虎氯庆,VISA蹭秋,諾基亞,阿里堤撵,支付寶仁讨,京東,中移動等中外著名企業(yè)实昨。
使用難易:用戶比較多洞豁,簡單易用,這個框架的中國社區(qū)活躍荒给,比較積極地維護(hù)和不斷更新著好多實(shí)例丈挟。如果使用這個框架,往往能在豐富的例子找到類似的表達(dá)樣圖志电。
2.echarts
中文官方網(wǎng)址:http://echarts.baidu.com/index.html?
簡介:echarts是百度公司團(tuán)隊(duì)的產(chǎn)品曙咽,功能及優(yōu)化一直在持續(xù)進(jìn)行中,國產(chǎn)技術(shù)挑辆,情理上要支持例朱。總所周知之拨,百度統(tǒng)計(jì)做得挺不錯的茉继。他們這個echarts也算是用到淋漓盡致。
高端客戶:百度系列蚀乔,聯(lián)想烁竭,華為,當(dāng)當(dāng)吉挣,新浪新聞派撕,騰訊新聞等一大批國內(nèi)新興用戶,畢竟是國產(chǎn)的睬魂,取得如此成績已屬不易终吼。
使用難易:社區(qū)比較活躍,例子也十分多氯哮,實(shí)用一樣方便际跪,特別是echarts3的推出,功能和性能方面都做了很好的改進(jìn)和優(yōu)化 喉钢。
下面也給出幾個圖例照看一下:
3. D3.js
中文官方網(wǎng)址:http://c3js.org/?
簡介:D3 是最流行的可視化庫之一姆打,它被很多其他的表格插件所使用。它允許綁定任意數(shù)據(jù)到DOM肠虽,然后將數(shù)據(jù)驅(qū)動轉(zhuǎn)換應(yīng)用到Document中幔戏。你可以使用它用一個數(shù)組創(chuàng)建基本的HTML表格,或是利用它的流體過度和交互税课,用相似的數(shù)據(jù)創(chuàng)建驚人的SVG條形圖闲延。
高端客戶:沒找到痊剖,不過我相信肯定也有好多高端用戶。
使用難易:高效垒玲,庫里面的組件真的眼花繚亂陆馁,國外技術(shù),灌完更提供的是英文文檔說明侍匙,不過案例豐富氮惯,使用起來也不困難,不過想暗,要能把此框架研究好妇汗,工作中類似數(shù)據(jù)可視化功能都可以自己設(shè)計(jì)和開發(fā),定能獨(dú)當(dāng)一面说莫。
下面也給出幾個圖例照看一下:
其他的數(shù)據(jù)可視化技術(shù)還有很多杨箭,比如iCharts,Raw储狭,Chartkick等
了解更多可以訪問 30 個最好的數(shù)據(jù)可視化工具推薦
本人Jerry.Wu互婿,歡迎轉(zhuǎn)載和交流。
而我辽狈,鑒于自己項(xiàng)目系統(tǒng)的業(yè)務(wù)需求慈参,以及在情感上對國產(chǎn)化產(chǎn)品的支持,選擇使用百度公司的echarts刮萌,特別是echarts3的發(fā)布驮配,功能和性能方面的表現(xiàn),使我更鐘意這個工具着茸。