echarts 填充数据的疑问

2022-03-08 14:10:32 +08:00
 echooo0

用的是 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]

868 次点击
所在节点    前端开发
9 条回复
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 搞定了,感谢

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/838856

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX