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 +' '; //获取纵坐标的值
htmlStr += params.name +' '; //获取横坐标的值
htmlStr += '具体信息: ';
htmlStr +="电话号码:" +msg[params.dataIndex].tell +' '; //获取自定义信息
htmlStr += "短信内容:" +msg[params.dataIndex].ContentMessage +' ';
return htmlStr;
}
}

巴特西

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

最新文章

热门文章