家好，今天给大家介绍一款，vue实现的漏斗图统计图表，带动画效果html页面前端源码（图1）。送给大家哦，获取方式在本文末尾。

可以单色显示（图2）

可以水平、垂直切换（图3）

可动态改变各色块颜色（图4）

源码完整，需要的朋友可以下载学习（图5）

本源码编码：10211，需要的朋友，访问下面链接后，搜索10211，即可获取。

「链接」

途中的时光，与伙伴们的相遇，一同勾绘旅行中盛景。
点击网页链接：https://act.mihoyo.com/ys/event/e20230928review/index.html?game_biz=hk4e_cn&mhy_presentation_style=fullscreen&mhy_auth_required=true&mhy_landscape=true&mhy_hide_status_bar=true&utm_source=mkt&utm_medium=weibo&utm_campaign=arti 参与活动，与派蒙一同沉眠于星河之中，回顾过往一年里如星光般绮丽的旅途吧。

〓活动时间〓
2023年9月28日-2023年10月12日 23:59
*活动结束后不可领取奖励，请旅行者及时领取*

〓参与条件〓
冒险等阶≥10级的旅行者即可参与活动。
*尘星旅梦活动内数据统计截止至2023年9月25日0:00（可能存在30分钟左右误差），统计范围为截止时间前冒险等阶≥10级的旅行者。

〓活动介绍〓
活动期间，旅行者可以点击进入不同的数据卷轴，观看属于自己的旅行回忆。完整观看后，即可领取原石等游戏内奖励。
旅行者还可以通过活动分享、收集不同祝福的方式，获取游戏内奖励。

〓分享回忆〓
观看完所有数据卷轴后，旅行者可以进入年度总结，自定义编辑属于自己的旅行回忆，编辑完成后即可生成独属于自己的年度旅行回忆卡片；
旅行者可以通过链接或图片的形式将自己的旅行回忆分享给他人，同时，可以通过分享链接的方式来邀请好友进行数据共鸣，首次分享成功时，可获得游戏内奖励。

〓分享和收集祝福〓
观看完所有数据卷轴后，旅行者可以点击活动首页右上角的【分享祝福】按钮，进入祝福收集页面。
旅行者可以通过链接的形式分享祝福给好友。同时，旅行者点击好友的链接，可以收集不同的祝福，获得奖励。
*每个分享链接最多可被领取20次祝福。

〓活动奖励〓
=完整观看数据卷轴奖励=
完整观看不同的数据卷轴时，旅行者可以领取对应奖励。共可获得原石*180、大英雄的经验*12。

=收集祝福奖励=
收集不同的祝福、以及集齐五种祝福时，旅行者均可领取对应的祝福奖励与全收集奖励。
共可获得摩拉*70000、精锻用魔矿*4、以及多种提瓦特物产和料理。

=分享奖励=
分享自定义数据、与其他旅行者数据共鸣时，旅行者可以领取对应奖励。共可获得摩拉*40000。

*奖励将通过游戏内邮件发放，邮件有效期为30天，请及时领取。