資料視覺化工具d3與echarts的區別

2021-09-24 11:19:47 字數 697 閱讀 7497

區別

d3echarts

太底層,學習成本大

封裝好的方法直接呼叫

相容到ie9以上以及所有的主流瀏覽器

相容到ie6以及以上的所有主流瀏覽器

通過svg來繪製圖形

通過canvas來繪製圖形

可以自定義事件

封裝好的,直接用,不能修改

svgcanvas

不依賴解析度

依賴解析度

基於xml繪製圖形,可以操作dom

基於js繪製圖形

支援事件處理器

不支援事件處理器

複雜度高,會減慢頁面的渲染速度

能以png或者jpg的格式儲存

使用場景

一般是根據計算資料量的大小來進行分析:

1)對於客戶的需求要求的圖表擁有大量的使用者互動場景,用d3比較方便,因為d3中的svg畫圖支援事件處理器,是基於dom進行操作的。想要實現某個操作,直接呼叫相關的方法實現效果即可。

2)對於大量的資料展示並且對於使用者互動場景沒什麼要求,就只是展示資料,建議使用echarts,如果使用d3展示的每乙個資料都是乙個標籤,當資料發生改變時圖表會重新渲染,會不停的操作dom。

3)相容性方面:echarts相容到ie6及以上的所有主流瀏覽器,d3相容ie9及以上所有的主流瀏覽器。

參考

d3與echarts的區別

視覺化工具 D3 比例尺的使用(ordinal)

定量比例尺的使用 quantitative 序數比例尺的值域和定義域都是離散的,而不像定量比例至一樣,要求定義域是連續的,值域可連續可離散。d3.scale ordinal domain 定義域 range 值域 rangepoints 為了自動計算離散值所採用的方法,用離散點分割區間 ranger...

ns3 視覺化工具

視覺化工具 在指令碼中開啟命令列引數 commandline cmd cmd.parse argc,ar 在命令列執行指令碼時,直接加入字尾 vis 例如 然而,當我們真正使用時會發現,ns3 visualsimulatorimpl not found我們.waf時,我們會發現,我們的visuali...

3 安裝視覺化工具kibana

安裝kibana來檢視elasticsearch中的資料 完成了本章節的第一,第二節 建立授權檔案 由於kibana免費版本不提供認證功能,所以在這裡我們使用basic authentication來完成乙個簡單的使用者認證 安裝httpd,用於生成認證檔案 建立使用者 echo htpasswd ...