Vue使用Echarts(内容结合了Springboot后端)

目录

1、环境准备

2、全局引入

3、使用图表

3.1、前端

3.2、后端


前面两节都为Vue项目中操作

1、环境准备

安装Echarts,在项目路径打开终端,输入以下命令安装Echarts

npm install echarts -S

安装后注意看pack.json文件中echarts版本

版本不同,引入方法也会不同,具体可看我另一篇文章

不同版本的引入方法icon-default.png?t=N7T8http://t.csdn.cn/unxZC

2、全局引入

在main.js文件中进行全局引入

import * as echarts from 'echarts';

// 全局注册 echarts 变量
Vue.prototype.$echarts = echarts;

3、使用图表

3.1、前端

这里放入了1个示例,拆分讲解看下面



                    
                    

你可能感兴趣的:(java,vue.js,echarts,spring,boot)