echarts折线图模拟类似心电图动态循环过程vue
一、首先在vue中引入echars
npm install echarts -S
或者使用国内的淘宝镜像:
安装
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install echarts -S
二、创建图表
全局引入
在main.js中引入echarts
import echarts from ‘echarts’
Vue.prototype.$echarts = echarts
三、需要应用echars的页面
1、先写一个放图标的容器(id很重要,在初始化时会用到)
2、在methods中写drawLine1函数(echars),在mounted中调用this.drawLine1(),基础数据在data中定义;
drawLine1() {
// 基于准备好的dom,初始化echarts实例
let myChart = this.$echarts.init(document.getElementById("myChart1"));
for