在 ECharts 中,可以使用 `formatter` 函数来自定义图表的提示框内容。如果需要在提示框中加入 HTML 标签,可以使用字符串拼接的方式。以下是一个示例:
```javascript
option = {
tooltip: {
formatter: function (params) {
return '
' +
'
' +
'
数据值:' + params.value + '
' +
'
数据索引:' + params.dataIndex + '
' +
'
百分比:' + (params.percent * 100).toFixed(2) + '%
' +
'
';
}
},
series: [
{
type: 'pie',
data: [
{value: 335, name: '直接访问'},
{value: 310, name: '邮件营销'},
{value: 234, name: '联盟广告'},
{value: 135, name: '视频广告'},
{value: 1548, name: '搜索引擎'}
]
}
]
};
```
在这个示例中,我们使用了一个 `
` 标签来包裹提示框的内容,并设置了内边距、背景颜色、边框等样式。同时,我们还使用了 `
` 等 HTML 标签来显示不同的信息。