亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

關于echarts的xAxis.data和series.data的數據用后端返回的數組動態替換之后無法顯示的問題

var?main?=?document.getElementById('main')?as?HTMLDivElementvar?myChart?=?echarts.init(main);//?specify?chart?configuration?item?and?datavar?option?=?{title:?{text:?'Company?Compare?Charts'},toolbox:?{show:?true,feature:?{saveImage:?{show:?true},magicType:?{type:?['bar',?'line',?'pie']}}},legend:?{data:['Stock?Price']},xAxis:?{data:?this.timeline},yAxis:?{},series:?[{name:?'Stock?Price',type:?'bar',data:?this.priceStack,markPoint:?{data:?[{type:?'max',?name:?'max'},{type:?'min',?name:?'min'}]},markLine:?{data:?[{type:?'average',?name:?'average'}]}}]};//?use?configuration?item?and?data?specified?to?show?chartmyChart.setOption(option);
console.log(response.data.stockPriceDetails)for(let?json?of?response.data.stockPriceDetails){this.timeline.push(json.currentDate?+?'?'?+?json.currentTime)this.priceStack.push(json.currentPrice)}console.log(this.timeline)console.log(this.priceStack)
public?timeline:?any[]?=?[]public?priceStack:?any[]?=?[]

http://img1.sycdn.imooc.com//5dea765e0001982910420204.jpghttp://img1.sycdn.imooc.com//5dea768d0001dbd813800634.jpg

正在回答

2 回答

不能用全局變量方式傳遞data,用傳參的方法。參考:

https://www.echartsjs.com/zh/tutorial.html#%E5%BC%82%E6%AD%A5%E6%95%B0%E6%8D%AE%E5%8A%A0%E8%BD%BD%E5%92%8C%E6%9B%B4%E6%96%B0

0 回復 有任何疑惑可以回復我~

確實如您所說 將從后端獲取到返回值在response中重繪即重新myChart.setOption即可 感謝fan哥到友情指導^_^

0 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消
Echarts3.0入門基礎與實戰
  • 參與學習       53375    人
  • 解答問題       187    個

Echarts3.0入門視頻教程,帶你領略高逼格數據可視化的魅力

進入課程

關于echarts的xAxis.data和series.data的數據用后端返回的數組動態替換之后無法顯示的問題

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號