家好，今天給大家介紹一款，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天，請及時領取。