數據可視化工具-Vue-DataV入門

Vue-DataV是干什么的?

 

• DataV是一個基於Vue的數據可視化組件庫（當然也有React版本）
• 提供用於提升頁面視覺效果的SVG邊框和裝飾
• 提供常用的圖表如折線圖等
• 飛線圖/輪播表等其他組件

npm安裝

$ npm install @jiaminghi/data-view

使用

1.  
   import Vue from 'vue'
2.  
   import DataV from '@jiaminghi/data-view'
3.  
    
4.  
   Vue.use(DataV)
5.  
    
6.  
   // 按需引入
7.  
   import { borderBox1 } from '@jiaminghi/data-view'
8.  
   Vue.use(borderBox1)

詳細文檔及示例請移步HomePage.

UMD版

UMD版可直接使用script標簽引入，UMD版文件位於項目dist目錄下，引入后將自動把所有組件注冊為Vue全局組件，引入DataV前請確保已引入Vue。

UMD版使用示例

TODO

• 地圖組件
• TS重構組件庫底層依賴

致謝

組件庫的開發基於個人學習和興趣，由於技術水平及經驗的限制，組件尚有許多不完善之處，如有BUG可及時提交issue或添加反饋群進行反饋，也歡迎提供指正和建議，感謝各位的支持。

反饋

 

Demo

Demo頁面使用了全屏組件，請F11全屏后查看。

• 施工養護綜合數據

• 機電運維管理台

• 機電設備電子檔案

 捐贈