Vue中使用echarts

使用步骤

1. 在项目下使用命令行，初始化工程的 npm 环境并安装 echarts（这里前提是您已经安装了 npm）：

npm init
npm install echarts --save

2.导入模块到main.js（如果你只有一个组件用echarts，那么就导入局部）

全局

main.js:

import Vue from 'vue'
import echarts from 'echarts'
//需要挂载到Vue原型上
Vue.prototype.$echarts = echarts

之后的组件内部使用：

<template>
  <div style="width: auto;height: 400px" id="main">
  </div>
</template>

<script>
//通过this.$echarts来使用
  export default {
    
    name: "page",
    mounted(){
    
    	// 在通过mounted调用即可
		this.echartsInit