1. 通过formatter 嵌入html实现显示各种内容
formatter: function (params) {
let html = ''
params.forEach((v) => {
html += `<div style="color: #666;font-size: 14px;line-height: 24px">
<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:${
color[v.componentIndex]
};"></span>
${v.name} <span><img width="20px" src="${isRain[v.dataIndex] === '1' ? weatherIcons.Showers : weatherIcons.Sunny}" alt=""></span>
<br >
${state.searchForm.pointName}<br >
${v.seriesName}
<span style="color:${color[v.componentIndex]};font-weight:700;font-size: 18px">${
v.value
}</span>
<br>
`
})
return html
},
2. 效果图
