ECharts提示框浮層內容格式化
阿新 • • 發佈:2020-08-19
1. 初始化echarts
this.chart = echarts.init(this.$el, 'default')
1. echarts配置項-提示框元件-提示框浮層內容格式器
this.chart.setOption({ tooltip:{ trigger:'axis', formatter:(params)=>{//params為懸浮框上的全部資料 constnewParams=[] params.forEach((p)=>{ //p.marker為對應資料線的顏色的圓點 //p.seriesName為對應資料的資料名稱 //p.value為對應資料的值 constcont='<divstyle="margin-bottom:10px;">'+p.axisValueLabel+'<br/>'+p.marker+''+p.seriesName+':'+p.value+'</div>' if(p.seriesName=='折線圖1'){ newParams[0]=cont }elseif(p.seriesName=='折線圖2'){ newParams[1]=cont }elseif(p.seriesName=='折線圖3'){ newParams[2]=cont } }) //這裡需要將陣列轉化成字串顯示,如果不轉化,每個資料前面都會出現一個逗號 returnnewParams.join('') } } })