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，将会有所帮助。