全球疫情数据展示

  npm i --save echarts@4.x

    import echarts from 'echarts'

    const install = function (Vue){
       Object.defineProperties(Vue.prototype,{
         $charts:{
           get() {
             return {
               echartsDemo:function (id) {
                 var myEchart = echarts.init(document.getElementById(id))
                 var option = {
                  //  在这里配置echarts图表的属性
                 }
                 myEchart.setOption(option)
               }
             }
           }
         }
       })
    }

```js
  //main.js文件 引入echarts.js
  import Echarts from './plugins/echarts'
  Vue.use(Echarts)

```

    <templete>
      <div id="demo"></div>
    </templete>

    <script>
      export default {
        data(){
          return{

          }
        },
        mounted(){
          this.$charts.echartsDemo("demo")
        }
      }
    </script>

    <style>
      #demo{
        width:500px;
        height:500px;
      }
    </style>