700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > vue+echarts数据可视化大屏毕业人员分析统计大屏数据可视化

vue+echarts数据可视化大屏毕业人员分析统计大屏数据可视化

时间:2019-12-24 01:53:32

相关推荐

vue+echarts数据可视化大屏毕业人员分析统计大屏数据可视化

**

vue+echarts数据可视化大屏毕业人员分析统计大屏数据可视化

1、效果图

**

2、搭建教程

最直接的方法是在 ECharts 的官方网站中挑选适合您的版本进行下载,不同的打包下载应用于不同的开发者功能与体积的需求,或者您也可以直接下载完整版本;开发环境建议下载源代码版本,包含了常见的错误提示和警告。也可以在 ECharts 的 GitHub 上下载最新的 release 版本,解压出来的文件夹里的 dist 目录里可以找到最新版本的 echarts 库。或者通过 npm 获取 echarts,npm install echarts --save,详见“在 webpack 中使用 echarts”

由 cdn 引入,你可以在 cdnjs,npmcdn 或者国内的 bootcdn 上找到 ECharts 的最新版本。

3、vue中引入echarts:

先安装依赖

npm install echarts --save

全局引入main.js中配置(不推荐使用,会导致包过大,冗余多)

import echarts from 'echarts' //引入echartsVue.prototype.$echarts = echarts //挂载在原型,组件内使用直接this.$echarts调用

4、运行与打包

1. npm run serve 启动项目2. npm run build 打包项目

4、说明

项目用的是静态数据,不是动态数据,接口配置也已经封装和配置好,只需要替换vue.config.js里面的接口地址。其他的可以根据自己的需求进行更改。

项目地址下载地址:

CSDN下载地址

Gitee地址

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。