本文參考 https://github.com/almende/vis 編寫並且自己總結各種快捷方式,意在幫助開發可視化圖表的前端朋友快速了解visJs。
vis.js
Vis.js是一個基於瀏覽器的動態可視化庫。該庫旨在易於使用,處理大量動態數據,並支持數據操作。該庫包含以下組件:
- DataSet和DataView。靈活的基於鍵/值的數據集。添加,更新和刪除項目。訂閱數據集中的更改。DataSet可以過濾和訂購商品,並轉換商品的字段。
- 數據視圖。DataSet上的篩選和/或格式化視圖。
- Graph2d。使用線條或條形圖在時間軸上繪制數據。
- Graph3d。以三維圖形顯示數據。
- 網絡。顯示包含節點和邊的網絡(強制有向圖)。
- 時間線。在時間軸上顯示不同類型的數據。
visJs 可開發的視圖有:
- 網絡圖(也可以叫做 拓撲圖、關系圖、力導向圖。);
- 時間軸;
- graph2d(2d圖表--柱形圖、折線圖、堆疊圖、散點圖)
- graph3d(3d圖標--xxxxxx)
visJs 官網各種鏈接快捷方式
本篇文檔總結完畢,下篇文檔具體介紹visJs 網絡圖(拓撲圖、關系圖、力導向圖) 開發
demo演示
最后:
本文檔意在與幫助初學者快速構建可視化項目。請不要隨意轉載,如需轉載保存,請署上 轉載地址。謝謝配合。