V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
echooo0
V2EX  ›  前端开发

echarts 填充数据的疑问

  •  
  •   echooo0 · 2022-03-08 14:10:32 +08:00 · 868 次点击
    这是一个创建于 991 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    9 条回复    2022-03-08 19:16:05 +08:00
    murmur
        1
    murmur  
       2022-03-08 14:20:50 +08:00
    可以拿 dataIndex ,你知道是第几个序列就可以拿外面的数据了
    yjim
        2
    yjim  
       2022-03-08 14:24:39 +08:00
    ```
    tooltip:{
    trigger:'item',
    formatter:function(params){
    console.log(params)
    },
    },
    ```
    echooo0
        3
    echooo0  
    OP
       2022-03-08 14:28:54 +08:00
    @yjim #2
    https://blog.csdn.net/qq_48784569/article/details/109012953
    我看了类似的写法,data 改成了对象数组,但是 y 轴应该怎么显示呢
    yjim
        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',
    }
    ]
    };
    ```
    echooo0
        5
    echooo0  
    OP
       2022-03-08 15:24:39 +08:00
    @yjim #4
    但是这样的话,Y 轴怎么知道是用哪个数据呀?
    echooo0
        6
    echooo0  
    OP
       2022-03-08 15:25:23 +08:00
    @echooo0 #5 有 'Tue',100,12 三个数据,Y 轴怎么知道用哪个数据作为显示呢?
    yjim
        7
    yjim  
       2022-03-08 15:38:08 +08:00
    @echooo0 #6 这种格式数据的位置是固定的,第一个是 X 坐标的 Tue ,第二个是 Y 坐标 100 ,第三个是额外的数据你可以自由发挥,function param 以后都可以拿出来用,应该是在 param.value 里。
    yjim
        8
    yjim  
       2022-03-08 15:39:23 +08:00
    @echooo0 #6 多个坐标点是多个这样的结构体
    [ ['Mon',10, {}], ['Tue', 20, {}] ]
    echooo0
        9
    echooo0  
    OP
       2022-03-08 19:16:05 +08:00
    @yjim #8 搞定了,感谢
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1336 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 17:41 · PVG 01:41 · LAX 09:41 · JFK 12:41
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.