84669 人學習
152542 人學習
20005 人學習
5487 人學習
7821 人學習
359900 人學習
3350 人學習
180660 人學習
48569 人學習
18603 人學習
40936 人學習
1549 人學習
1183 人學習
32909 人學習
我有一個使用外部文件資料繪製的圖表。現在我想要一個選擇框，使用者可以選擇要讀取的檔案。這樣圖表就可以動態改變。我如何使用vue和chartjs來實現這個功能？
目前我在Home中這樣導入資料：
每個文件的資料如下：
export const data = { "points": { "line1": { "x": [ -11, -11, ], "y": [ 7, 8, ] }, }, }
組件如下：
您可以使用標籤，其中的選項包含與您的.js檔案名稱相等的值。當選擇發生變化時，請執行一個方法，動態匯入該檔案並將匯入的資料賦值給您作為屬性傳遞給Graph元件的變數。簡單的範例程式碼：
文件一 文件二
data() { return { data: null, }; }, methods: { selectFile(e) { import(`@/data/${e.target.value}.js`).then((res) => { this.data = res.data; }); }, },
您可以使用
標籤，其中的選項包含與您的.js檔案名稱相等的值。當選擇發生變化時，請執行一個方法，動態匯入該檔案並將匯入的資料賦值給您作為屬性傳遞給Graph元件的變數。簡單的範例程式碼：data() { return { data: null, }; }, methods: { selectFile(e) { import(`@/data/${e.target.value}.js`).then((res) => { this.data = res.data; }); }, },