您好,欢迎来到汇智旅游网。
搜索
您的当前位置:首页echarts自定义tooltip

echarts自定义tooltip

来源:汇智旅游网
 var option = {
     tooltip: {
        trigger: 'axis',
        axisPointer: {
              type: 'shadow',
              label: {
                   show: true
              }
        },
        formatter: function (params) {
             var str = '';
             //首先要看看params是怎样的数据结构,里面有什么内容;
             console.log(params);
             //对params进行操作
             params.forEach(item=>{
        		str += item.name+":"+item.value[3]+"</br>"
            })
            return str
       }
     }
}

写到这自定义tooltip就成功了一大半,还差点什么。

所以我们可以这样写:

 var option = {
     tooltip: {
        trigger: 'axis',
        axisPointer: {
              type: 'shadow',
              label: {
                   show: true
              }
        },
        formatter: function (params) {
             var str = '';
             //首先要看看params是怎样的数据结构,里面有什么内容;
             console.log(params);
             //我这边是根据我的params结构进行操作
             params.forEach(item=>{
        		str += item.marker+" "+ item.name+":"+item.value[3]+"</br>"
            })
            return str
       }
     }
}

因篇幅问题不能全部显示,请点此查看更多更全内容

Copyright © 2019- hzar.cn 版权所有 赣ICP备2024042791号-5

违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务