官網:http://datav.jiaminghi.com/guide
項目效果圖【注:已創建Vue項目】
1.npm安裝
npm install @jiaminghi/data-view
2.全局引用
import dataV from '@jiaminghi/data-view';
Vue.use(dataV);
3.項目案例使用
在官方文檔中選擇想要的效果,復制代碼即可
eg:加載效果 <dv-loading>Loading...</dv-loading>
4.效果展示
5.水位圖的完整代碼
6.膠囊柱圖
7.飛線圖
1)組件提供了dev模式,可以幫你快速確定飛線點位置,設置組件屬性dev
為true
即可啟用dev模式:
2)根據config參數調整飛線圖效果
eg:
更多驚喜等你開啟喲!