用的是 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]
1
murmur 2022-03-08 14:20:50 +08:00
可以拿 dataIndex ,你知道是第几个序列就可以拿外面的数据了
|
2
yjim 2022-03-08 14:24:39 +08:00
```
tooltip:{ trigger:'item', formatter:function(params){ console.log(params) }, }, ``` |
3
echooo0 OP @yjim #2
https://blog.csdn.net/qq_48784569/article/details/109012953 我看了类似的写法,data 改成了对象数组,但是 y 轴应该怎么显示呢 |
4
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', } ] }; ``` |
7
yjim 2022-03-08 15:38:08 +08:00
@echooo0 #6 这种格式数据的位置是固定的,第一个是 X 坐标的 Tue ,第二个是 Y 坐标 100 ,第三个是额外的数据你可以自由发挥,function param 以后都可以拿出来用,应该是在 param.value 里。
|