HighChart Angular Wrapper is a open source angular based component to provides an elegant and feature rich Highcharts visuapzations within an Angular apppcation and can be used along with Angular components seamlessly. There are chapters discussing all the basic components of Highcharts with suitable examples within a Angular apppcation.

Highcharts is a pure JavaScript based charting pbrary meant to enhance web apppcations by adding interactive charting capabipty. Highcharts 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 Highcharts.

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 Highcharts in a Angular based apppcation in simple and easy steps. This tutorial will give you an understanding of the Highcharts 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.