vue使用echarts

1.npm i

cnpm install echarts@4.9.0 --save   

2.引入

//main.js
import Echarts from 'echarts' //引入
Vue.prototype.$echarts = Echarts; //vue原型链中添加echarts对象

3.使用

<div id="echartDom"/>

const chartDOM = document.getElementById('echartDom')//获取DOM
const chart = this.$echarts.init(chartDOM)//初始化
chart.setOption({})//完成绘图

 

上一篇:Echarts项目源代码分析


下一篇:echarts中饼状图数据太多进行翻页