Vue环境下——echarts的配置步骤
第一步:通过npm 安装 Echarts
npm install echarts --save
第二步:在main.js里面配置
//引入echarts import * as echarts from 'echarts' //配置原型,全局使用 Vue.prototype.$echarts = echarts
第三步:在页面内使用
(1)HTML
<div id="main" style="min-width:600px;height:30px;"></div>
(2)js
drawChart(){
// 基于准备好的dom,初始化echarts实例 var myChart = this.$echarts.init(document.getElementById('main')); // 在option中对图表进行配置 var option = {} // 使用刚配置的数据显示图表。 myChart.setOption(option);
}