echarts设置雷达图tooltip
时间: 2023-10-18 18:31:57 浏览: 171
在 Echarts 中设置雷达图的 tooltip 可以通过 `tooltip` 属性来实现。下面是一个示例代码:
```javascript
option = {
tooltip: {
trigger: 'item',
formatter: '{a} <br/>{b} : {c}'
},
radar: {
indicator: [
{ name: '销售', max: 6500},
{ name: '管理', max: 16000},
{ name: '信息技术', max: 30000},
{ name: '客服', max: 38000},
{ name: '研发', max: 52000},
{ name: '市场', max: 25000}
]
},
series: [{
name: '预算 vs 开销',
type: 'radar',
data : [
{
value : [4300,10000, 28000, 35000, 50000, 19000],
name : '预算'
},
{
value : [5000, 14000, 28000, 31000, 42000, 21000],
name : '开销'
}
]
}]
};
```
在上面的代码中,`tooltip` 属性中的 `formatter` 属性定义了 tooltip 的显示格式。`{a}`, `{b}`, `{c}` 分别代表系列的名称、数据项的名称和数据项的值。
你可以根据自己的需求来调整 `formatter` 中的内容,例如使用 `{a0}`, `{b0}`, `{c0}` 来表示第一个系列的相关信息。
以上是一个基本的设置雷达图 tooltip 的示例,你还可以通过 Echarts 的其他配置项来进一步自定义 tooltip 的样式和行为。
阅读全文