echarts 填充数据的疑问

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 1000 天前的主题，其中的信息可能已经有所发展或是发生改变。

用的是 echarts 的柱状图，有 aa,bb,cc 三类数据，aa 的数据作为横轴，bb 的数据作为纵轴，cc 的数据目前选择在鼠标悬停的时候显示(用的 tooltip),

这个时候 toolTip 的 Formatter 应该怎么设置？

看了下文档，好像只能设置 2 类数据 {b}（类目值），{c}（数值），这样的话 cc 的数据好像就没地方放了?

https://echarts.apache.org/zh/option.html#tooltip.formatter

[img]https://s1.ax1x.com/2022/03/08/bcbePg.png[/img]

tooltip

数据

类目值

横轴

9 条回复 • 2022-03-08 19:16:05 +08:00

murmur

2022-03-08 14:20:50 +08:00

可以拿 dataIndex ，你知道是第几个序列就可以拿外面的数据了

yjim

2022-03-08 14:24:39 +08:00

```
tooltip:{
trigger:'item',
formatter:function(params){
console.log(params)
},
},
```

echooo0

2022-03-08 14:28:54 +08:00

@yjim #2
https://blog.csdn.net/qq_48784569/article/details/109012953
我看了类似的写法，data 改成了对象数组，但是 y 轴应该怎么显示呢

yjim

2022-03-08 14:36:36 +08:00

@echooo0 #3
```
let xData = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
let dataSet = [['Tue',100,12]]
option = {
tooltip:{
trigger:'item',
formatter:function(params){
console.log(params)
},
},
xAxis: {
type: 'category',
data: xData
},
yAxis: {
type: 'value',
},
series: [
{
data: dataSet,
type: 'bar',
}
]
};
```

echooo0

2022-03-08 15:24:39 +08:00

@yjim #4
但是这样的话，Y 轴怎么知道是用哪个数据呀？

echooo0

2022-03-08 15:25:23 +08:00

@echooo0 #5 有 'Tue',100,12 三个数据，Y 轴怎么知道用哪个数据作为显示呢？

yjim

2022-03-08 15:38:08 +08:00

@echooo0 #6 这种格式数据的位置是固定的，第一个是 X 坐标的 Tue ，第二个是 Y 坐标 100 ，第三个是额外的数据你可以自由发挥，function param 以后都可以拿出来用，应该是在 param.value 里。

yjim

2022-03-08 15:39:23 +08:00

@echooo0 #6 多个坐标点是多个这样的结构体
[ ['Mon',10, {}], ['Tue', 20, {}] ]

echooo0

2022-03-08 19:16:05 +08:00

@yjim #8 搞定了，感谢