vue使用echarts

在vue中使用echarts有好几种方法，在这里使用的是直接npm引入。

 

1.先创建一个vue项目

2.在项目路径下执行以下命令

npm install echarts --save 或 npm install echarts -S

3.在main.js文件中引入echarts

import * as echarts from "echarts";

Vue.prototype.$echarts = echarts;

4.在页面中使用

<template>
    <div class="home">
        <div id="container"></div>
    </div>
</template>

<script>
    export default{
        name:"home",
        methods:{
            drawChart(){
                var echart = this.$echarts.init(document.getElementById("container"));
                var option