• 157-7967-9664
echarts formatter加入html标签
作者:金点子 / 2024-05-08 / 浏览次数:129

echarts formatter加入html标签

在 ECharts 中,可以使用 `formatter` 函数来自定义图表的提示框内容。如果需要在提示框中加入 HTML 标签,可以使用字符串拼接的方式。以下是一个示例:

```javascript
option = {
tooltip: {
formatter: function (params) {
return '

' +
'

' + params.name + '

' +
'

数据值:' + 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 标签来显示不同的信息。

【吉安金点子信息科技有限公司】网站建设、网站设计、服务器空间租售、网站维护、网站托管、网站优化、百度推广、自媒体营销、微信公众号
如有意向---联系我们
热门栏目
热门资讯