Echarts 3 鼠标放在柱状图上的显示和 legend 显示的不同

最新推荐文章于 2025-05-19 11:17:04 发布

圆滚滚的蓝胖子

最新推荐文章于 2025-05-19 11:17:04 发布

阅读量2k

点赞数

CC 4.0 BY-SA版权

文章标签： echarts

本文链接：https://blog.youkuaiyun.com/weixin_44101779/article/details/85005677

本文介绍如何在 ECharts 中使用自定义 tooltip 功能，通过 axis 触发方式展示图表中具体的数据项详情，包括数据名称和对应的数值，采用 shadow 类型的轴指示器增强用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

tooltip : {
                    trigger: 'axis',
                    formatter: function (params, ticket, callback) {
                        var showHtm="";
                        console.log(params[0].dataIndex);
                        var dataIndex = params[0].dataIndex;
						//名称
						var name = info.reasonLists[dataIndex];
						//值
						var value = info.countLists[dataIndex];
						showHtm+=  name + ':' + value+'<br>';

                        return showHtm;
                    },
                    axisPointer: {
                        type: 'shadow'
                    }

                }

在这里插入图片描述