Vue中使用echarts

项目场景：

使用echarts画玫瑰饼图

---

步骤描述：

一、安装echarts依赖：

npm install echarts --save //引入的是5.0版本       

查看echarts版本也可以直接查看项目中的 package.json 文件

npm ls echarts       

如果有echarts版本报错问题，可能是由于不支持5.0，可以安装4.9.0版本

1. 卸载5.0版本

   npm uninstall echarts
   

2. 降低版本，安装4.9.0

   npm linstall echarts@4.9.0 --save 
   

二、全局引入echarts （main.js）
5.0版本全局引入

import * as echarts from 'echarts'
Vue.prototype.$echarts = echarts;
Vue.use(ElementUI);

4.9.0版本全局引入

import echarts from 'echarts'
Vue.prototype.$echarts = echarts;
Vue.use(ElementUI);

三、新建页面开始画图
roseView.vue

<template>
	<div>
		<div