可以在tooltip的formatter中用js自己拼接上你想要的数据:
tooltip: {
trigger: 'item',
formatter:function(params){
let htmlContent = '<div>'
let date = new Date();
let year = date.getFullYear();
let month = date.getMonth() + 1;
let day = date.getDate();
htmlContent = htmlContent+ year + '-' + month + '-' + day +"</div>"
let xName = params.name
let yValue = params.value
htmlContent = htmlContent + "<div>" + xName + ":" + yValue + "</div>"
return htmlContent;
}
如果想要同x轴的所有y轴数据都显示的话,可以这么写:
tooltip: {
trigger: 'axis',
formatter:function(params){
let htmlContent = '<div>'
let date = new Date();
let year = date.getFullYear();
let month = date.getMonth() + 1;
let day = date.getDate();
htmlContent = htmlContent+ year + '-' + month + '-' + day +"</div>"
let xName = params.name
let yValue = params.value
for(let i=0; i<params.length; i++){
htmlContent = htmlContent + "<div>" + params[0]['axisValue'] + ":" + params[i]['data'] + "</div>"
}
return htmlContent;
}
formatter 属性 可以是个函数
formatter: function (params) {
return `<div>
<div>${params.name}</div>
</div>`;
},