javascript - Echart折线图 图表中有多条折线 如何使鼠标移入某一条折线时提示该折线上对应点的值?

查看:1612
本文介绍了javascript - Echart折线图 图表中有多条折线 如何使鼠标移入某一条折线时提示该折线上对应点的值?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

目前的需求是鼠标移入echart折线图上的某一条折线时提示当前折线上该点的值,只设置trigger:axis
和formatter无法满足需求params里面返回的是所有的折线上横坐标对应点的对象

 tooltip : {
                    trigger: 'axis',
                    formatter : function (params) {
                                console.log(params);
                                return params;
                            }
                },

解决方案

myChart.on('click,function(obj){
        //这是事件,打出来方便后续可能使用到
});

只是移入,悬浮显示的话,记得是这样,

tooltip:{
    trigger:'item' // 然后eCharts3有默认的格式的。
}

这篇关于javascript - Echart折线图 图表中有多条折线 如何使鼠标移入某一条折线时提示该折线上对应点的值?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆