比較流行的基礎(chǔ)繪圖庫 , 基于 SVG 的有 snap.svg、rapheal.js 等 , 基于 Canvas 2D 的有 zrender、g 等 , 基于 WebGL 的有 three.js、SceneJS、PhiloGL 等 , 這些基礎(chǔ)繪圖庫可以讓上層封裝更簡單容易 。
我們重點回到基于 Web 技術(shù)的數(shù)據(jù)可視化類庫 。
D3D3.js 是一個基于數(shù)據(jù)操作文檔的 JavaScript 庫 。D3 可以將強大的可視化組件和數(shù)據(jù)驅(qū)動的 DOM 操作方法完美結(jié)合 。
D3的優(yōu)劣:
- 強大的 SVG 操作能力 , 可以非常容易的將數(shù)據(jù)映射為 SVG 屬性
- 集成了大量數(shù)據(jù)處理、布局算法和計算圖形的工具方法
- 強大的社區(qū)和豐富的 demo
- API 太底層 , 復(fù)用性低 , 學(xué)習與使用成本高
- nvd3.js: 基于 D3 封裝了常見的折線圖、散點圖、餅圖 , 功能比較簡單
- dc.js: 除了提供了常見的圖表外還提供了一些數(shù)據(jù)處理能力
- c3.js: 一個輕量級的基于狀態(tài)管理的圖表庫
HighChartsHighCharts 是一個用純 JavaScript 編寫的圖表庫 , 能夠簡單便捷的在 Web 應(yīng)用上添加交互性圖表 。這是在 Web 上使用最廣泛的圖表 , 企業(yè)使用需要購買商業(yè)授權(quán) 。
HighCharts的優(yōu)劣:
- 使用門檻極低 , 兼容性好
- 使用廣泛 , 非常成熟
- 樣式比較陳舊、圖表難以擴展
- 商業(yè)上使用需要購買版權(quán)
EChartsECharts 縮寫自 Enterprise Charts , 企業(yè)級圖表 , 開源來自百度數(shù)據(jù)可視化團隊 , 是一個純 Javascript 的圖表庫 , 可以流暢的運行在 PC 和移動設(shè)備上 , 兼容當前絕大部分瀏覽器 , 底層依賴另一個也是該團隊自主研發(fā)的輕量級的 Canvas 類庫 ZRender , 提供直觀 , 生動 , 可交互 , 可高度個性化定制的數(shù)據(jù)可視化圖表 。ECharts 是目前國內(nèi)唯一一個入選 GitHub 全球可視化榜單的開源項目 , 2w+ star 全球排名第三 , 社區(qū)活躍 , 覆蓋主流前端框架和 8 種編程語言的擴展 , 目前國內(nèi)市場占有率處于絕對領(lǐng)先地位 。
ECharts的優(yōu)劣:
- 豐富的圖表類型 , 覆蓋主流常規(guī)的統(tǒng)計圖表
- 配置項驅(qū)動 , 三級個性化圖表樣式管理
- 移動端優(yōu)化 , 交互和布局適配 , 按需打包
- 深度的交互式數(shù)據(jù)探索
- 地理特效(百度遷徙 , 百度人氣 , 公交軌跡等效果)
- 靈活性上不如 Vega 等基于圖形語法的類庫
- 復(fù)雜關(guān)系型圖表比較難定制
LeafletLeaflet 是面向移動設(shè)備的交互式地圖的 JavaScript 庫 。測量的 JS 只有大約 38 KB , 它具有大多數(shù)開發(fā)人員需要的所有映射功能 。
以上關(guān)于本文的內(nèi)容,僅作參考!溫馨提示:如遇健康、疾病相關(guān)的問題,請您及時就醫(yī)或請專業(yè)人士給予相關(guān)指導(dǎo)!
「愛刨根生活網(wǎng)」www.malaban59.cn小編還為您精選了以下內(nèi)容,希望對您有所幫助:- 什么手機輻射最大啊
- 小米手機私密相冊找不到了 小米私密相冊在哪打開
- 小米手機有紅包提醒功能嗎 小米紅包助手在哪設(shè)置
- 淘寶手機流量互刷是怎么刷的?用什么軟件
- 數(shù)據(jù)庫sql語句大全實例 sql建表命令
- datav數(shù)據(jù)可視化工具 阿里云datav數(shù)據(jù)可視化
- 人工智能的大數(shù)據(jù)分析 人工智能大數(shù)據(jù)預(yù)測
- 2個excel篩選相同姓名 兩張表格篩選相同數(shù)據(jù)教程
- 不收費的網(wǎng)絡(luò)電話軟件推薦 免費手機網(wǎng)絡(luò)電話軟件
- 短信驗證碼代接收方法 手機短信接收平臺
