首页 前端知识 echarts 鼠标划过显示信息

echarts 鼠标划过显示信息

2024-06-14 23:06:40 前端知识 前端哥 449 862 我要收藏

echarts  鼠标划过显示信息

上代码:

 tooltip: {
          //鼠标悬浮提示数据
          // trigger: "axis",
          formatter:function(indexs){
            let str = ""
            data.forEach(item=>{
              if( item.name.slice(0,10) == indexs.name.slice(0,10)){
                 console.log(item.name);
                 console.log(indexs.name);
                  str = item.name+"<br/>" +item.value[0]
              }
            })
             return str
          }
        },

使用 tooltip:{} 属性 

trigger : "axis"  鼠标悬浮提示信息  默认提示

formatter :function(index){

return  "展示数据"

}  

转载请注明出处或者链接地址:https://www.qianduange.cn//article/12220.html
标签
评论
发布的文章

前端——12.表单标签

2024-06-21 00:06:57

src、href和url含义及区别

2024-06-21 00:06:56

CSS知识点大全

2024-06-21 00:06:16

JS垃圾回收机制(GC)

2024-06-21 00:06:03

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!