9.4. Highcharts 1 Basic - quan1997ap/angular-app-note GitHub Wiki

1. websocket

https://www.highcharts.com/blog/tutorials/live-data-with-rxjs-websocket-highcharts-and-angular/

2. Kết hợp nhiều tính năng

Link gốc : https://www.highcharts.com/forum/viewtopic.php?t=47119

2.1 Realtime

https://stackblitz.com/edit/highcharts-angular-optimal-way-to-update-dj6fqu?file=src%2Fapp%2Fapp.component.ts

2.2 Update, Remove seri

https://stackblitz.com/edit/highcharts-angular-basic-line-ehcvup?file=src%2Fapp%2Fapp.component.ts

2.3. Update multi chart

https://stackoverflow.com/questions/54434380/how-to-use-add-series-and-update-methods-in-the-high-chart-wrapper-for-angular

     [Highcharts]="Highcharts"
      [constructorType]="chartConstructor"
      [options]="chartOptions"
      [callbackFunction]="chartCallback"
      [(update)]="updateFlag"
      [oneToOne]="true"

Chú ý: updateFlag

2.4. Option cơ bản

2.4.1. crosshair

Demo 1: https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/xaxis/crosshair-customized/

Demo 2: http://jsfiddle.net/BlackLabel/w5c82ja9/

2.4.2. Legend-navigation

Show hide Legend + Hiển thị mũi tên

Demo 1: https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/legend/navigation/