old mode 100644
new mode 100755
|  |  |  | 
|---|
|  |  |  | <template> | 
|---|
|  |  |  | <div id="ConsoleMEM" style="width: 100%; height: 100%; background: #FFFFFF; text-align: center"> | 
|---|
|  |  |  | <ve-line :data="chartData" :extend="extend"  width="100%" height="100%" :legend-visible="false"></ve-line> | 
|---|
|  |  |  | <ve-line ref="ConsoleMEM" :data="chartData" :extend="extend"  width="100%" height="100%" :legend-visible="false"></ve-line> | 
|---|
|  |  |  | </div> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 
|---|
|  |  |  | trigger: 'axis', | 
|---|
|  |  |  | formatter: (data)=>{ | 
|---|
|  |  |  | console.log(data) | 
|---|
|  |  |  | return moment(data[0].data[0]).format("HH:mm:ss") +  "</br> 使用:" + (data[0].data[1]*100).toFixed(2) + "%"; | 
|---|
|  |  |  | return moment(data[0].data[0]).format("HH:mm:ss") +  "</br>"+ data[0].marker +" 使用:" + (data[0].data[1]*100).toFixed(2) + "%"; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | series: { | 
|---|
|  |  |  | 
|---|
|  |  |  | }; | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | mounted() { | 
|---|
|  |  |  | // setInterval(()=>{ | 
|---|
|  |  |  | //   // console.log(111111) | 
|---|
|  |  |  | //   for (let i = 0; i < this.chartData.rows.length; i++) { | 
|---|
|  |  |  | //     this.chartData.rows[i].销售额 += 1000; | 
|---|
|  |  |  | //   } | 
|---|
|  |  |  | // },1000) | 
|---|
|  |  |  | this.$nextTick(_ => { | 
|---|
|  |  |  | setTimeout(()=>{ | 
|---|
|  |  |  | this.$refs.ConsoleMEM.echarts.resize() | 
|---|
|  |  |  | }, 100) | 
|---|
|  |  |  | }) | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | destroyed() { | 
|---|
|  |  |  | }, | 
|---|
|  |  |  | 
|---|
|  |  |  | setData: function(data) { | 
|---|
|  |  |  | this.chartData .rows = data; | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | } | 
|---|
|  |  |  | }; | 
|---|
|  |  |  | </script> | 
|---|