echarts饼状图tooltip样式
时间: 2023-08-16 12:15:12 浏览: 136
Echarts 饼状图
要自定义 Echarts 饼状图的 tooltip 样式,可以通过 tooltip 的 formatter 属性进行设置。下面是一个示例:
```javascript
option = {
// ... 其他配置项
tooltip: {
trigger: 'item',
formatter: function (params) {
return params.name + ': ' + params.value + '(' + params.percent + '%)';
},
textStyle: {
fontSize: 14, // 设置字体大小
fontWeight: 'bold', // 设置字体粗细
color: 'white' // 设置字体颜色
},
backgroundColor: 'rgba(0, 0, 0, 0.7)', // 设置背景颜色
padding: [10, 15], // 设置内边距
},
series: [
{
// ... 其他配置项
}
]
};
```
在上面的代码中,我们通过 formatter 属性定义了 tooltip 的内容格式化函数。在这个示例中,我们将显示数据项的名称、值和百分比,并通过 textStyle 属性设置了字体的样式,通过 backgroundColor 属性设置了背景颜色,通过 padding 属性设置了内边距。
你可以根据需要自定义 tooltip 的样式,调整其中的属性值来实现你想要的效果。
阅读全文