Learning goal of this tutorial

• Get familiar with different charts

(Optional) Installing the libs

• npm install highcharts --save
• npm install highcharts-more --save
• npm install highcharts-3d --save
• npm install angular2-highcharts --save

HighCharts Demo

• https://www.highcharts.com/demo
• https://www.highcharts.com/demo/pie-basic

Note: While examining the highcharts demo, open the view options, than copy the options for the chart you are interested.

HighCharts Examples

• angular2-highcharts examples

HighChart Offline Export

• https://www.highcharts.com/docs/export-module/client-side-export

Todo:

load your data to the plots

Change Log:

• added sass loader in webpack.common.js
• updated nav bar to the side bar
• added examples of charts with highcharts