1. 程式人生 > >echarts -- 使用 formatter 修改滑鼠懸浮事件資訊

echarts -- 使用 formatter 修改滑鼠懸浮事件資訊

formatter 一般用於格式化滑鼠懸浮時間的資訊,如果你的資料是JSON陣列格式,那麼不必和我這樣一一判斷扇形圖的 ticket 值,使用 formatter 的 callback 時間即可自行對應

formatter: function (params, ticket, callback) {
                    console.log(params);
                    console.log(ticket);
                    var str = '明細:<br/>';
                    if
(ticket == 'item_操作概況_0'){ for(var i in data.mustMod){ str += "模組:" + data.mustMod[i].MODULE_NAME +"&nbsp"+data.mustMod[i].TOTAL +"("+data.mustMod[i].precentAcccess+"%)" + "<br/> " ; } //alert(data.lessMod[data.lessMod.length-1].totalAccess);
str += "總數:"+ data.must.totalAccess + "&nbsp" +"("+ data.must.totalPrecent+"%)" + "<br/> "; } if(ticket == 'item_操作概況_1'){ for(var i in data.moreMod){ str += "模組:" + data.moreMod[i].MODULE_NAME +"&nbsp"
+data.moreMod[i].TOTAL +"("+data.moreMod[i].precentAcccess+"%)" + "<br/> " ; } //alert(data.lessMod[data.lessMod.length-1].totalAccess); str += "總數:"+ data.more.totalAccess + "&nbsp" +"("+ data.more.totalPrecent+"%)" + "<br/> "; } if(ticket == 'item_操作概況_3'){ for(var i in data.lessMod){ str += "模組:" + data.lessMod[i].MODULE_NAME +"&nbsp"+data.lessMod[i].TOTAL +"("+data.lessMod[i].precentAcccess+"%)" + "<br/> " ; } //alert(data.lessMod[data.lessMod.length-1].totalAccess); str += "總數:"+ data.less.totalAccess + "&nbsp" +"("+ data.less.totalPrecent+"%)" + "<br/> "; } if(ticket == 'item_操作概況_2'){ for(var i in data.normalMod){ str += "模組:" + data.normalMod[i].MODULE_NAME +"&nbsp"+data.normalMod[i].TOTAL +"("+data.normalMod[i].precentAcccess+"%)" + "<br/> " ; } //alert(data.lessMod[data.lessMod.length-1].totalAccess); str += "總數:"+ data.normal.totalAccess + "&nbsp" +"("+ data.normal.totalPrecent+"%)" + "<br/> "; } //callback(ticket, str); return str; } },