
最近有點迷上 VUE3 的 composble 寫法,把可以重複利用的程式邏輯抽來變成composbal,要用的時候再匯入使用。今天我試著把 Chart.js 的創建方法抽出來放在 composables 中,沒想到竟然可行,以下整理一下我的作法。

之前寫了 axios 的基本用法與搭配 axios create() 的使用方法,在這裡我想利用 pinia 共用 loading 的狀態,利用 .interceptors.request.use() 與 .interceptors.response.use(),開關 vue-loading-overlay 的效果。

將網頁圖表輸出成圖檔也是常常被 PM 大人要求的功能,這周就來記錄一下如何在 Vue3 框架中,將 Chart.js 圖表輸出成 PNG 圖片。

如果要在 Vue Composition API 來使用 Chart.js ,同時在更換資料時,圖表也要更新,要怎麼做?讓我來筆記一下詳細作法。

上一篇文章有提到公司舊專案使用eChart 做圖表,被掃出有資安風險,現在要改用 Chart.js,我原本沒有要搭配其他把Chart.js 做成元件的套件,但後來因為某些原因還是使用了 Vue-chart.js,在這邊紀錄一下我的作法與踩的坑。

接手前輩的專案作維運,他使用的日曆套件是 Vue-datepicker-next,所以我也針對這個套件做了一番研究。大致上的參數用法在官網的 Demo 上都有示範,而我比較困惑的部分是在於年分的 disabled 部分,官網 Demo 並沒有示範年份不可選區間的部分,所以我做了一下研究。