Echarts的提示(Tooltip)显示额外内容
时间: 2023-10-23 19:10:49 浏览: 106
TToolTip 显示提示信息
3星 · 编辑精心推荐
Echarts的提示(Tooltip)可以通过设置extraCssText属性来显示额外内容。例如,可以将extraCssText属性设置为以下值,来在提示框中显示自定义的HTML内容:
```
extraCssText: 'background-color: rgba(0,0,0,0.5); border-radius: 2px; padding: 5px;',
formatter: function (params) {
return '<div style="color: white;">' + params.name + '</div>' +
'<div style="color: yellow;">' + params.value + '</div>' +
'<div style="color: red;">自定义内容</div>';
}
```
在这个例子中,我们设置了extraCssText属性来设置提示框的背景颜色、边框圆角和内边距。然后,我们在formatter函数中返回一个包含自定义HTML内容的字符串,这个字符串会被渲染到提示框中。
阅读全文