// 默认的tooltip formatter
formatter: function (params: any[]) {
var tooltipHtml = '<div style="font-family: Arial, sans-serif; color: #333;">'
// 第 1 行显示 xAxis 类目(即 x 轴的类别数据)
tooltipHtml +=
'<div style="font-weight: bold; font-size: 14px;">' + params[0].name + '</div>'
// 遍历每个数据项,显示系列数据
params.forEach(function (item) {
tooltipHtml += '<div style="margin-bottom: 5px;">'
// 显示标记图标
tooltipHtml += '<span style="color: ' + item.color + ';">' + item.marker + '</span>'
// 显示系列名称和对应的值
tooltipHtml += '<span style="font-weight: bold;">' + item.seriesName + ':</span> '
tooltipHtml +=
'<span style="font-size: 16px; font-weight: bold;">' + item.value + '</span>'
tooltipHtml += '</div>'
})
tooltipHtml += '</div>'
return tooltipHtml // 返回自定义的 HTML 内容
}
标签:echart,默认,item,params,tooltip,tooltipHtml
From: https://www.cnblogs.com/zhengzhijian/p/18632196