echarts代码
tooltip: {
trigger: 'axis',
triggerOn: 'click',//点击才会出现提示框
enterable: true,//鼠标可以进入提示框
formatter: function (params) {
let returnData = ''
if (params.length == 1) {
returnData = params[0].name + ':' + params[0].value
} else {
returnData = params[0].name + '</br>'
for (let i = 0; i < params.length; i++) {
let indexColor = params[i].color
console.log(params)
returnData += '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background:' + indexColor + '"></span>'
returnData += params[i].seriesName + ':' + params[i].value + '</br>'
}
}
var val = {
"name": params[0].name,
"value": params[0].value
}
return returnData + '<hr style="border:1 dashed #987cb9;" width="98%" size=5><div onclick="myAerlt(\'' + JSON.stringify(val).replace(/"/g, '"') + '\')" style="color:#FFFFFF;text-decoration: none" id="btn-tooltip">详情></div>'
}
},
点击事件代码
function myAerlt(val) {
var obj = JSON.parse(val);
console.log(obj)
}
window.myAerlt = myAerlt;
点击事件需要挂载在window上,否则获取不到。
效果图
点击详情后