最近遇到需要在專案中呈現圖表,經過初步調查後決定使用ECharts,在 Vue 2 時網路上有大量的包裝器將各種圖表套件包裝起來以利使用,但在 Vue 3 後較少,其實有了 Composition API 後有時候不見得需要,本篇文章以圖表類型做封裝,希望能為有相同需求的人提供幫助。 目錄結構說明 主要檔案為兩個,一個是 App.vue 為我們的首頁,一個則是被我們封裝過的EChart 檔案 usePie.js。 .
├── README.md
├── babel.config.js
├── package-lock.json
├── package.json
├── public
│ ├── favicon.ico
│ └── index.html
└── src
├── App.vue 首頁,圖表所在位置
├── composable
│ └── usePie.js 封裝後的Echarts
└── main.js