ECharts 雷达图怎么在类目值下面显示数值
时间: 2024-02-01 13:13:27 浏览: 24
在 ECharts 雷达图中,可以通过设置 tooltip 的 formatter 函数来实现在类目值下面显示数值。具体实现步骤如下:
1. 在 ECharts 的 option 中找到 tooltip 配置项,设置 trigger 为 'axis',axisPointer.type 为 'shadow'。
2. 在 tooltip 配置项中,设置 formatter 函数。在 formatter 函数中,通过 params 参数获取到当前鼠标悬浮的数据项,在 formatter 函数中可以使用 params.value 来获取当前数据项的值。
3. 在 formatter 函数中,通过 params.componentType 参数判断当前鼠标悬浮的是哪个组件,如果是雷达图,就可以通过 params.axisValue 和 params.value 来获取当前类目值和数值,然后将数值插入到类目值下面即可。
下面是一个简单的示例代码:
```
option = {
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
},
formatter: function(params) {
if (params.componentType === 'radar') {
var value = params.value[params.seriesIndex];
return params.axisValue + ': ' + value;
}
}
},
radar: {
// 雷达图配置
},
series: [{
// 系列配置
}]
};
```
在上面的代码中,formatter 函数判断了当前鼠标悬浮的组件类型,如果是雷达图,就获取到了当前类目值和数值,并将数值插入到类目值下面。