2024年9月16日 星期一

[研究]LibMan(Library Manager)安裝 Chart.js 4.4.1 繪圖套件 (VS2019)

[研究]LibMan(Library Manager)安裝 Chart.js 4.4.1 繪圖套件 (VS2019)

2024-09-16

官方網站:https://www.chartjs.org/

環境:Visual Studio 2019 + ASP.NET + WebForm + Web Application + .NET Framework

Chart.js 特點:

  • 不依賴 jQuery 或其他框架:Chart.js 是一個原生 JavaScript 庫,不依賴 jQuery、Bootstrap 或其他 JavaScript 框架或庫。
  • 使用 HTML5 Canvas 繪製圖表:它完全依賴於瀏覽器內建的 HTML5 Canvas 元素來渲染圖表,這也是它不需要外部依賴的原因。

********************************************************************************

2024-11-22補,NuGet 目前對 Chart.js 只提供到 3.7.1 版

https://www.nuget.org/packages/Chart.js


********************************************************************************

如何在 Web Application 專案中用 LibMan 管理 Chart.js:

  1. 右鍵點擊專案中的 Scripts 資料夾或其他希望存放前端資源的資料夾。
  2. 選擇「Add」->「Client-Side Library」。
  3. 在出現的對話框中,選擇 CDN 來源(如 unpkg 或 cdnjs),並搜尋 chart.js。
  4. 選擇安裝的版本,LibMan 會將 Chart.js 安裝到指定的資料夾。






********************************************************************************

更新版本




********************************************************************************
長條圖 Bar Chart

********************************************************************************
雷達圖 Radar Chart
https://www.chartjs.org/docs/latest/charts/radar.html

********************************************************************************

(完)

沒有留言:

張貼留言