這邊是 Chart.js 的小練習，主要就是模擬股票上上下下的線圖。

安裝

npm install ng2-charts chart.js --save

app.module.ts 中引入 ChartsModule

在 stock.module.ts 中引入，這邊如果不引入，在 html 中 stock.page.html canvas 屬性會找不到。

stock.page.html

stock.page.ts
line 12 lineChartDate 就是我們的資料。
line 15 lineChartLabels 就是X軸。
line 17 lineChartOptions 這邊有一些可以設置，我這邊設置 Y 軸，最大值 506 ，最小值 414，另外還有響應式。
line 24 lineChartColors 主要就是資料點的顏色，漲的時候要紅，跌的時候要綠。

ngOnInit() 中 一開始在設置 X軸的初始資料，從 09:00 到下午 13:30 。
接著開始跑一個 setInterval 每一秒跑一次，這邊純粹就是用亂數模擬股票上上下下而已，把資料塞到 lineChartDate 中，另外就是設置 lineChartColors 的顏色，漲的時候要紅點，跌的時候要綠點。

結果

小結語
簡單的Chart小練習，希望大家天天漲停發大財!