Vue整合echarts(数据可视化)

一、安装echarts

• 使用npm安装echarts

npm install echarts -S

二、引入并使用

1、全局引入

在main.js中引入echarts

import echarts from 'echarts'
Vue.prototype.$echarts = echarts

创建Echarts.vue

<template>
	<div id="myChart" :style="{
      width: '300px', height: '300px'}"></div>
</template>
<script>
export default {
    
  name: 'Echarts',
  data () {
    
    return {
    
      msg: 'Welcome use Echarts'
    }
  },
  mounted