Vue數據可視化組件：DataV

組件庫名稱：DataV

項目地址：https://github.com/DataV-Team/DataV

文檔地址

貼幾個Demo圖

DataV是一個基於Vue數據可視化組件庫，類阿里DataV，提供SVG的邊框及裝飾，圖表，飛線圖等組件，簡單易用。

主要的組件類型

• SVG的邊框，主要用於提升頁面效果，一個邊框組件僅幾k到十幾k，后期會添加顏色之類的配置項，增強可配置性
• SVG的裝飾，主要用於提升頁面效果
• 圖表，基於自己寫的charts組件封裝的，與echarts類似，輕量體積小
• 飛線圖，水位圖，進度池等特殊類的組件

npm安裝

$ npm install @jiaminghi/data-view使用

import Vue from 'vue'import DataV from '@jiaminghi/data-view'Vue.use(DataV)// 按需引入import { borderBox1 } from '@jiaminghi/data-view'Vue.use(borderBox1)

光看截圖就知道太酷炫了，而且根本不需要擔心拿在手里會不會用，官方的文檔也是非常詳細