美文网首页
引用echarts报错Cannot read property

引用echarts报错Cannot read property

作者: 可乐_加冰_ | 来源:发表于2021-06-22 09:23 被阅读0次
安装命令 npm install echarts --save
main.js 全局注册 
import * as echarts from 'echarts';
Vue.prototype.$echarts = echarts;
页面调用,注意在 mounted 生命周期中使用

  <script>
    export default {
        name: "Index",
        data(){
            return {
              
            }
        },
        mounted(){
            this.getPie();
        },
        methods:{

            getPie() {
                // 绘制图表
                var myChart = this.$echarts.init(document.getElementById('myChart'));
                var option = {....};
                myChart.setOption(option)
            }
        }
    }


</script>

相关文章

网友评论

      本文标题:引用echarts报错Cannot read property

      本文链接:https://www.haomeiwen.com/subject/dggzsltx.html