Angular Google Charts 教程

angular-google-charts 是一個基於 Angular 的開源包裝器，用於在 Angular 應用程式中提供優雅且功能豐富的 Google Charts 視覺化效果，並可以與 Angular 元件無縫整合。本教程包含關於 Google Charts 所有基本元件的章節，並在 Angular 應用程式中提供了相應的示例。

Google Charts 是一個純 JavaScript 的圖表庫，旨在透過新增互動式圖表功能來增強 Web 應用程式。Google Charts 提供各種各樣的圖表，例如折線圖、樣條圖、區域圖、條形圖、餅圖等等。本教程將教你 Google Charts 的基礎知識。

Angular 是一個用於構建 Web 應用程式和 JavaScript、HTML 和 TypeScript 應用程式的 JavaScript 框架，TypeScript 是 JavaScript 的超集。Angular 提供了動畫、HTTP 服務和材料等內建功能，後者又具有自動完成、導航、工具欄、選單等功能。程式碼是用 TypeScript 編寫的，它編譯成 JavaScript，並在瀏覽器中顯示相同的內容。

目標讀者

本教程面向希望以簡單易懂的步驟將 Google Charts 整合到基於 Angular 的應用程式中的軟體專業人員。本教程將幫助你瞭解 Google Charts 和 Angular 的概念，完成本教程後，你將達到中級專業水平，可以以此為基礎提升到更高的專業水平。

前提條件

在開始本教程之前，你應該具備 TypeScript/JavaScript、文字編輯器和程式執行等方面的基本知識。因為我們將使用 Angular 開發基於 Web 的應用程式，所以如果你瞭解其他 Web 技術，例如 HTML、CSS 和 AJAX，將會有所幫助。