用React刻自己的投资Dashboard Day26 - 台股技术面功能规划

这篇终於要来开始做台股技术面的功能了，对於善於技术分析的投资人来说，看K线是非常基本的事情，因为从技术分析的角度来看，K线可以分析出很多其他面向看不到的学问喔~

资料来源

K线需要的资料来源是每天的开盘价、收盘价、最高价、最低价，另外会搭配着K线一起看的就是成交量，所以来确认之前所提到的Finmind API是否有提供这些数据呢？

透过呼叫Finmind的TaiwanStockPrice这支API，可以得到下列资讯：

{
    "date": "2021-10-06",
    "stock_id": "TAIEX",
    "Trading_Volume": 6164450673,
    "Trading_money": 289990318199,
    "open": 16488.21,
    "max": 16568.21,
    "min": 16303.63,
    "close": 16393.16,
    "spread": -67.59,
    "Trading_turnover": 2167277
}

其中包含：日期、股票代号、成交量、成交值、开高低收价、涨跌点数、交易笔数，所以可以发现，画K线所需要的数据都有喔。

功能描述

这次想做的功能，就像各大看盘工具或是股票网站的K线功能一样，希望透过模仿来学习如何用React做出类似的功能，举例来说，Yahoo finance的图就长下面这样：

当然这只是其中一档股票，我希望还有一个空格可以让使用者输入股票代号，按下送出後，下方的K线图就会重新以使用者指定的股票数据来绘制，目前就先规划这样的功能。

小结

K线算是看盘软件或是网站中，最基本也是必备的功能，也还蛮多人光是看着K线就可以推测接下来走势会是什麽样子，真的是蛮神奇的，最後这几篇应该就努力把这个功能做出来吧！