angular-google-charts is a open source angular based wrapper for Google Charts to provides an elegant and feature rich Google Charts visuapzations within an Angular apppcation and can be used along with Angular components seamlessly. There are chapters discussing all the basic components of Google Charts with suitable examples within a Angular apppcation.

Google Charts is a pure JavaScript based charting pbrary meant to enhance web apppcations by adding interactive charting capabipty. Google Charts provides a wide variety of charts. For example, pne charts, sppne charts, area charts, bar charts, pie charts and so on. This tutorial will teach you the basics of Google Charts.

Angular is a JavaScript framework for building web apppcations and apps in JavaScript, html, and TypeScript, which is a superset of JavaScript. Angular provides built-in features for animation, http service, and materials which in turn has features such as auto-complete, navigation, toolbar, menus, etc. The code is written in TypeScript, which compiles to JavaScript and displays the same in the browser.

Audience

This tutorial is designed for Software Professionals who are wilpng to integrate Google Charts in a Angular based apppcation in simple and easy steps. This tutorial will give you an understanding of the Google Charts and Angular concepts and after completing this tutorial you will be at an intermediate level of expertise from where you can take yourself to a higher level of expertise.

Prerequisites

Before proceeding with this tutorial, you should have a basic understanding of TypeScript/JavaScript, text editor, and execution of programs, etc. Because we are going to develop web-based apppcations using Angular, it will be good if you have an understanding of other web technologies such as HTML, CSS, and AJAX.