初識 visJs (基於html5 canvas開發的可視化框架)


本文參考 https://github.com/almende/vis 編寫並且自己總結各種快捷方式,意在幫助開發可視化圖表的前端朋友快速了解visJs。

vis.js

加入https://gitter.im/vis-js/Lobby聊天

Vis.js是一個基於瀏覽器的動態可視化庫。該庫旨在易於使用,處理大量動態數據,並支持數據操作。該庫包含以下組件:

  • DataSet和DataView。靈活的基於鍵/值的數據集。添加,更新和刪除項目。訂閱數據集中的更改。DataSet可以過濾和訂購商品,並轉換商品的字段。
  • 數據視圖。DataSet上的篩選和/或格式化視圖。
  • Graph2d。使用線條或條形圖在時間軸上繪制數據。
  • Graph3d。以三維圖形顯示數據。
  • 網絡。顯示包含節點和邊的網絡(強制有向圖)。
  • 時間線。在時間軸上顯示不同類型的數據。

visJs 可開發的視圖有:

  • 網絡圖(也可以叫做 拓撲圖、關系圖、力導向圖。);
  • 時間軸;
  • graph2d(2d圖表--柱形圖、折線圖、堆疊圖、散點圖)
  • graph3d(3d圖標--xxxxxx)

visJs 官網各種鏈接快捷方式

本篇文檔總結完畢,下篇文檔具體介紹visJs 網絡圖(拓撲圖、關系圖、力導向圖) 開發

demo演示

 

最后:

  本文檔意在與幫助初學者快速構建可視化項目。請不要隨意轉載,如需轉載保存,請署上 轉載地址。謝謝配合。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM