Echarts修改提示框及自定义提示框内容

Posted on 2018-12-19 15:20  Ylin黄  阅读(4770)  评论(0编辑  收藏  举报

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;
}
}

 

Copyright © 2024 Ylin黄
Powered by .NET 8.0 on Kubernetes