vue.js | vue dispose
1,使用的是vue,数据是以二维数组的形式,当父组件传值给图表的时候首先dispose之前的实例然后进行第二次初始化和setOption,但是显示的图表,仍然无法显示出图形,但是markLine可以正常显示。(上图)这个是第一次显示的图表(第二幅图)是更新数据之后的图表,只有markLine,没有数据线整个代码如下
1,使用的是vue,数据是以二维数组的形式,当父组件传值给图表的时候首先dispose之前的实例然后进行第二次初始化和setOption,但是显示的图表,仍然无法显示出图形,但是markLine可以正常显示。(上图)这个是第一次显示的图表(第二幅图)是更新数据之后的图表,只有markLine,没有数据线整个代码如下
1,使用的是vue,数据是以二维数组的形式,当父组件传值给图表的时候 首先dispose之前的实例然后进行第二次初始化和setOption,但是显示的图表,仍然无法显示出图形,但是markLine可以正常显示。 (上图)这个是第一次显示的图表
(第二幅图)是更新数据之后的图表,只有markLine,没有数据线
整个代码如下
<template><div class="aui-row"><div class="chart" ref=div :id="domid" v-html="domhtml"></div></div></template><!-- javascript --><script>import echarts from echartsexport default {
props:{ dateto:{ }, datefrom:{ }, xtype:{ default(){ return "d"; } }, devicesn:"", title:"" }, data () { return { domid:"line"+(new Date().getTime()), chart:null, xmin:this.$util.dateformat(new Date(this.datefrom),"yyyy-MM-dd hh:mm:ss") , xmax:this.$util.dateformat(new Date(this.dateto),"yyyy-MM-dd hh:mm:ss"), ydata:[], domhtml:"" } }, created(){ }, methods:{ loadData(){ //清零 this.ydata=[] this.$util.p...