Echarts修改提示框及自定義提示框內容


1:首先先定義自定義的json數據

var msg = [{
'tell':'110',
'ContentMessage':"我今天去吃大餐"
},{
'tell':'111',
'ContentMessage':"我今天去吃大餐"
},{
'tell':'112',
'ContentMessage':"我今天去吃大餐"
},{
'tell':'113',
'ContentMessage':"我今天去吃大餐"
},{
'tell':'114',
'ContentMessage':"我今天去吃大餐"
},{
'tell':'115',
'ContentMessage':"我今天去吃大餐"
},{
'tell':'116',
'ContentMessage':"我今天去吃大餐"
},{
'tell':'117',
'ContentMessage':"我今天去吃大餐"
}]

2:修改tooltip屬性

tooltip: {
trigger: 'item',  //觸發元素
formatter:function(params){
var color = params.color;
var htmlStr = '<div>';
htmlStr += params.value +'<br/>';   //獲取縱坐標的值
htmlStr += params.name +'<br/>';   //獲取橫坐標的值
htmlStr += '具體信息:<br/>';
htmlStr +="電話號碼:" +msg[params.dataIndex].tell +'<br/>';    //獲取自定義信息
htmlStr += "短信內容:" +msg[params.dataIndex].ContentMessage +'<br/>';
return htmlStr;
}
}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM