從 CSV 資料建立 Angular 圖表

使用 CSV 檔案作為圖表資料來源,在 Angular 應用程式中視覺化試算表資料與系統報告。

從 CSV 資料建立 Angular 圖表

CSV 資料來源讓 Angular 圖表控制項可以讀取存放在逗號分隔文字檔中的數值,並用來填充圖表系列。這提供了一種實用的方式,來顯示從現有系統匯出的銷售數據、測量值或其他表格式記錄。開發人員可以將欄位映射為類別與數值,處理日期與數字,並在資料更新時重新整理圖表。重複使用這些檔案可以減少手動輸入圖表數值或維護獨立資料集以進行視覺化的需求。

多項相容於 Angular 的圖表控制項支援 CSV 資料來源,包括:

  • Highcharts Core(Highsoft)透過其 Data 模組載入 CSV 字串或檔案,提供選擇列與欄並映射資料至系列的選項。
  • amCharts 5: Charts 包含具有可配置分隔符與欄位名稱的 CSV 解析器,並有數字與日期欄位的資料處理功能。
  • AnyChart JS 提供載入 CSV 檔案的資料適配器,讓開發者能在 Angular 應用程式中使用外部表格式資料填充圖表。

欲深入了解功能與價格,請造訪我們的 Angular 圖表控制項比較頁面。

比較 Angular 圖表元件