vue 使用 echarts

配置：1.npm 安装 echarts （注意安装5.0之下的版本，安装5.0以上的可能会报错）

cnpm install echarts@4.9.0    或者  npm install echarts@4.9.0

2.main.js引入

import echarts from 'echarts'

Vue.prototype.$echarts = echarts

使用：

<template>
  <div>
    <div class="container">
      <div
        id="main"
        style="width: 600px; height: 400px; margin-top: 40px"
      ></div>
    </div>
  </div>
</template>

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

mounted () {     this.getLoadEcharts()   }, methods: {   // 基于准备好的dom，初始化echarts实例       var myChart = this.$echarts.init(document.getElementById('main'))                 // 指定图表的配置项和数据       var option = { 直接引入官网实例即可 }       }

　　注意：将官网例子中的echarts替换成this.$echarts。因为echarts是基于html，vue全局引入到main中。