初識 visJs （基於html5 canvas開發的可視化框架）

本文參考 https://github.com/almende/vis 編寫而且本身總結各類快捷方式，意在幫助開發可視化圖表的前端朋友快速瞭解visJs。

vis.js

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

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

visJs 可開發的視圖有：

• 網絡圖（也能夠叫作 拓撲圖、關係圖、力導向圖。）；
• 時間軸；
• graph2d（2d圖表--柱形圖、折線圖、堆疊圖、散點圖）
• graph3d（3d圖標--xxxxxx）

visJs 官網各類連接快捷方式

• visJs首頁
• 網絡圖示例文檔
• 網絡圖API文檔
• 時間軸示例文檔
• 時間軸API文檔
• graph2d示例文檔
• graph2dAPI文檔
• graph3d示例文檔
• graph3dAPI文檔

本篇文檔總結完畢，下篇文檔具體介紹visJs 網絡圖（拓撲圖、關係圖、力導向圖） 開發

demo演示

 

最後：

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