iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
SideProject30

Nuxt3的初心者之旅:淬鍊出屬於自己的金融投資儀表板 系列

在工作上使用Vue半年多了,一直苦無機會用到Nuxt跟圖表類的套件.恰巧之前曾在金融機構服務過,那不如就結合之前的職涯經驗,試著做出個投資人走過路過會想看看的儀表板吧!!

鐵人鍊成 | 共 30 篇文章 | 3 人訂閱 訂閱系列文 RSS系列文
DAY 21

DAY21 - 股票熱區地圖treemap(2)

今日工事 根據漲跌幅變化不同股票區塊的顏色直接顯示各區塊股票名稱 漲跌幅 // hotmap.vue //...略 <ClientOnly>...

2023-10-06 ‧ 由 JCY 分享
DAY 22

DAY22 - 股票熱區地圖treemap(3)

今日工事 設定漲跌幅變化不同股票區塊的顏色斷點整理所有科技股底下不同產業前十大股票 漲跌幅顏色 //hotmap.vue <ClientOnly&gt...

2023-10-07 ‧ 由 JCY 分享
DAY 23

DAY23 - 股票熱區地圖treemap(4)

今日工事 完成科技類股的分類板塊(共三個層級:科技-sector-industry) 三層資料整理 & 圖表調整 <script setup&gt...

2023-10-08 ‧ 由 JCY 分享
DAY 24

DAY24 - 股票篩選器(1)

今日工事 股票篩選器API組合完成資料格式整理完成簡易選項刻版 程式碼 //stockFilter.vue <template> <N...

2023-10-09 ‧ 由 JCY 分享
DAY 25

DAY25 - 股票篩選器(2)

今日工事 完成Table及Paginationsector(產業)及industry(行業)資料取得 Table及Pagination 這次要使用的是eleme...

2023-10-10 ‧ 由 JCY 分享
DAY 26

DAY26 - 股票篩選器(3) & Nuxt3建立HighChart股票視覺工具GUI(1)

今日工事 完成股票篩選器剩餘功能初步建立HighChart股票視覺工具GUI 篩選器 // stockFilter.vue <div class=&qu...

2023-10-11 ‧ 由 JCY 分享
DAY 27

DAY27 - Nuxt3建立HighChart股票視覺工具GUI(2)

今日工事 完成HighChart股票視覺工具GUI功能 功能 // highcharts.client.js // gui import stockTools...

2023-10-12 ‧ 由 JCY 分享
DAY 28

DAY28 - 重新上路 - 調整部分UI(2)

今日工事 首頁版位調整股票指數按鈕改為顯示該股票目前股價及漲跌幅增加按鈕功能 程式碼 // header.vue <template> &lt...

2023-10-13 ‧ 由 JCY 分享
DAY 29

DAY29 - 重新上路 - 調整部分UI(3)

今日工事 調整股票單頁的公司資料比較績效的按鈕股票篩選頁select排版 程式碼 // [id].vue <div class="w-[33%...

2023-10-14 ‧ 由 JCY 分享
DAY 30

DAY30 - 是結束也是開始 - 完賽感言

首先先感謝一路上願意閱讀我文章的讀者(喂!如果有人看的話啦~)看著些許的點閱數知道自己在開發的時候其實不孤單也順便監督著我對自己作品基本的要求是否有達到 預期目...

2023-10-15 ‧ 由 JCY 分享