vue数据可视化组件

1. echarts

官网：https://echarts.apache.org/zh/index.html

1.1 安装

npm install echarts --save

1.2 使用

打开main.js文件，里面写入以下代码：

// 全局引入
import echarts from 'echarts'
Vue.prototype.$echarts = echarts// 按需引入
var echarts = require('echarts/lib/echarts');  // 引入 ECharts 主模块
require('echarts/lib/chart/bar');  // 引入柱状图
require('echarts/lib/component/tooltip');  // 引入提示框
require('echarts/lib/component/title');  // 引入标题组件
Vue.prototype.$echarts = echarts

1.3 接口配置设置

https://echarts.apache.org/zh/option.html#title

2. v-charts

官网：https://v-charts.js.org/#/

v-charts是基于 Vue2.0 和 echarts 封装的 v-charts 图表组件，使用起来更方便，功能没有echarts那么丰富，由饿了么团队开发。

3. DataV

官网：http://datav.jiaminghi.com/

3.1 安装

npm install @jiaminghi/data-view

3.2 使用

打开main.js文件，里面写入以下代码：

// 方式1：将自动注册所有组件为全局组件
import dataV from '@jiaminghi/data-view'
Vue.use(dataV)// 方式2：按需引用
import { borderBox1 } from '@jiaminghi/data-view'
Vue.use(borderBox1)

4. datavjs

官网：https://github.com/TBEDP/datavjs

demos有点丑。

参考

GitDataV：https://github.com/HongqingCao/GitDataV
iDataV：https://github.com/yyhsong/iDataV

vue数据可视化组件相关推荐

Vue数据可视化组件库，类阿里DataV，提供SVG的边框及装饰，图表，飞线图等组件，简单易用，持续更新...
由于阿里DataV收费,接口维护略有麻烦,同时也基于兴趣和学习,自己从依赖到组件独立开发了一个组件库,从效果上跟阿里的DataV很像. 主要的组件类型 SVG的边框,主要用于提升页面效果,一个边框组件 ...
Vue常用的组件库大全【前端工程师必备】【实时更新】【移动端、PC端（web端）、数据可视化组件库（数据大屏）、动画组件库、3D组件库】
Vue常用的组件库大全[前端工程师必备] (一)移动端常用组件库 1)Vant ui 2)Cube UI 3)VUX 4) NuTUI 5)Mint ui 6)Varlet UI 7)OnsenUI ...
数据可视化组件Grafana详细解读--MacOSX上的安装
数据可视化演示: PS:您可以在目标服务器上运行数据可视化组件,监控数据服务器,Web服务器,网络文件服务器等等服务器的各种运行状态,DevOps的必不可少的组件. Mac OS X(通过homebr ...
数据可视化组件Grafana详细解读--RedHat/Fedora/CentOS/Oracle上的安装
数据可视化演示: PS:您可以在目标服务器上运行数据可视化组件,监控数据服务器,Web服务器,网络文件服务器等等服务器的各种运行状态,DevOps的必不可少的组件. 在基于RPM的Linux的上安装版 ...
数据可视化组件Grafana详细解读--Debian/Ubuntu上的安装
数据可视化演示: PS:您可以在目标服务器上运行数据可视化组件,监控数据服务器,Web服务器,网络文件服务器等等服务器的各种运行状态,DevOps的必不可少的组件. 在Debian / Ubuntu上 ...
ShieldUI Crack,数据可视化组件-SEO狼术
ShieldUI Crack,数据可视化组件-SEO狼术 Shield UI 是一个灵活的.多平台的用户界面库,经过精心增强.它提供了强大的 UI/UX 小部件,具有经过验证的性能背景,您可以在许多业 ...
辅助图分析人员的自定义图数据可视化组件
图数据处理与可视化一.可视化效果二.neo4j的数据封装三.将封装好的数据转换为d3.js格式并写入文件四.启动http服务加载文件数据五.使用HTML可视化图数据在图数据处理过程中,如果 ...
JAVA三维可视化组件：Matplot 3D for JAVA(V3.0) 一个纯JAVA开发的科学数据可视化组件包类似 Python 的matplotlib（含示例代码）
目录概述组件下载及项目地址效果展示和示例代码概述 Matplot3D for JAVA(V3.0) 是一个基于JAVA SE 1.8环境开发的三维图形图表组件. 组件由纯JAVA SE 实现( ...
数据可视化组件Grafana详细解读--在Docker上安装Grafana管理平台
使用Docker安装 Grafana使用官方docker容器非常容易安装和运行. $ docker run -d -p 3000:3000 grafana/grafana PS:运行一条docker命 ...