tags: 2021鐵人賽 React

上一篇提到台股技術面的最新收盤資訊只有股票代號，似乎少了名稱，本篇就來把它補上吧。

資料來源

Finmind API裡面有一個資料及叫做TaiwanStockInfo，用postman去打API可以得到下列資訊。

{
    "msg": "success",
    "status": 200,
    "data": [
        {
            "industry_category": "ETF",
            "stock_id": "0050",
            "stock_name": "元大台灣50",
            "type": "twse",
            "date": "2021-10-13"
        },
        {
            "industry_category": "ETF",
            "stock_id": "0051",
            "stock_name": "元大中型100",
            "type": "twse",
            "date": "2021-10-13"
        },
        ...
}

其中data就是涵蓋所有台股的資料，不過這樣的格式不能直接拿來用，需要做一些資料處理。

資料格式轉換

目標是希望能夠做一個json檔，如下：

{
  "0050":"元大台灣50",
  "0051":"元大中型100",
  ...
}

這種hash table的結構，適合用股票代號快速去找到對應的名稱，因此需要將上述API的data部分，整理成這樣的格式。不過整理的細節這邊就不多說，比較繁瑣一些。

載入資料

• KBarChart資料夾放入json檔
  

• KBarChart元件載入json檔

...
import stockName from './stockName.json';
...

載入之後再透過股票代號去從json檔撈名稱即可

成果

小結

這篇其實花了蠻多心力在整理資料，因為資料量有點大，而且發現有些資料是重複的，不過最後還是順利完成，太棒了。