echarts饼状图提示文字
时间: 2023-08-15 13:09:44 浏览: 108
在 ECharts 中,可以使用 `tooltip` 属性来设置饼状图的提示文字。具体的配置如下:
```javascript
option = {
// ... 其他配置项
series: [
{
type: 'pie',
data: [
{value: 335, name: '直接访问'},
{value: 310, name: '邮件营销'},
{value: 234, name: '联盟广告'},
{value: 135, name: '视频广告'},
{value: 1548, name: '搜索引擎'}
],
label: {
show: true,
position: 'outside', // 可选值:'inside', 'outside', 'center'
formatter: '{b} : {c}' // 提示文字的格式化字符串,{b} 表示名称,{c} 表示值
},
tooltip: {
show: true,
formatter: '{b} : {c}' // 提示框的格式化字符串,{b} 表示名称,{c} 表示值
}
}
]
// ... 其他配置项
};
```
在上面的例子中,`series` 数组中的第一个对象是饼状图的配置项。`label` 属性用于设置饼状图扇区上的文字标签,`tooltip` 属性用于设置饼状图的提示框。
通过 `formatter` 属性,可以设置提示文字和提示框的格式化字符串。其中 `{b}` 表示名称,`{c}` 表示值。
以上配置将在饼状图的每个扇区上显示名称和值,同时鼠标悬停时也会显示相同的信息。你可以根据实际需求自定义格式化字符串来展示更多信息。
阅读全文