echarts 填充数据的疑问

This topic created in 1527 days ago, the information mentioned may be changed or developed.

用的是 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 replies • 2022-03-08 19:16:05 +08:00

murmur

Mar 8, 2022

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

yjim

Mar 8, 2022

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

echooo0

Mar 8, 2022

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

yjim

Mar 8, 2022

@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

Mar 8, 2022

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

echooo0

Mar 8, 2022

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

yjim

Mar 8, 2022

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

yjim

Mar 8, 2022

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

echooo0

Mar 8, 2022

@yjim #8 搞定了，感谢