
tooltip
實(shí)現(xiàn)如上默認(rèn)的tooltip樣式,tooltip配置部分代碼如下:
tooltip: {
trigger: 'axis',
axisPointer: { // 坐標(biāo)軸指示器,坐標(biāo)軸觸發(fā)有效
type: 'line' // 默認(rèn)為直線,可選為:'line' | 'shadow'
},
formatter: (params) => {
let list = []
let listItem = ''
let axisValueLabel = params[0].axisValueLabel
for (let i = 0; i < params.length; i++) {
list.push(
'<i style="display: inline-block;width: 10px;height: 10px;background: ' +
params[i].color +
';margin-right: 5px;border-radius: 50%;}"></i>' +
'<span style="display:inline-block;">' +
params[i].seriesName +
'</span><span style="display:inline-block;">  ' +
params[i].data +
'</span>'
)
}
listItem = list.join('<br>')
return axisValueLabel + '<br>' + listItem
}
}
具體想獲取的數(shù)據(jù)在params中查找,每次彈出tooltip都會(huì)觸發(fā)一次formatter回調(diào)函數(shù)