码迷,mamicode.com
首页 > 其他好文 > 详细

vue中echarts的使用

时间:2020-10-14 20:39:25      阅读:25      评论:0      收藏:0      [点我收藏+]

标签:func   main   har   option   dom   --   draw   prot   install   

1.安装

npm install echarts --save

main.js

import echarts from ‘echarts‘
Vue.prototype.$echarts = echarts

2.

<div id="chart15" :style="{width: ‘100%‘, height: ‘100%‘}"></div>
methods:{
         drawLine() {
      // 基于准备好的dom,初始化echarts实例
      let myChart = this.$echarts.init(document.getElementById("chart15"));
      // 绘制图表
      myChart.setOption({里面就可复制官方文档里的内容});
    },
},
mounted() { this.drawLine(); }

 

vue中echarts的使用

标签:func   main   har   option   dom   --   draw   prot   install   

原文地址:https://www.cnblogs.com/azure-zero/p/13814956.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!