1. 程式人生 > 實用技巧 >ECharts提示框浮層內容格式化

ECharts提示框浮層內容格式化

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('') } }   })