效果图如下:
可拖动,缩放,,数据动态流动等。
1. 引入echarts方法:
npm install echarts --save
或者使用国内淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install echarts -S
2. main.js:
在 main.js
中添加:
import echarts from 'echarts'
Vue.prototype.$echarts = echarts
3. 编写页面代码
template部分
<div class="echarts">
<div :style="{height:'888px',width:'100%'}" ref="myEchart"></div>
</div>
script部分
略