即便沒看過《華爾街之狼》， 大家也見過交易所內屏幕吧？那您有沒有想過這些令人炫目的走勢圖，閃閃爍爍的數字到底是怎麼弄出來的？
當然是金融圖表庫咯~ 但事情遠比這幾個字要複雜得多，要做到實時傳送大量數據，不崩潰又要美觀好看，這背後有着強大的技術層面在裏面。一個交易圖標上會有很多的指標，在一個應用程序中，就有多大數十種不同的線，標記，highlighter...如果你好奇這些“指標”怎麼來的，那你就應該花點時間讀一讀下面介紹的方法，雖然有點枯燥難懂。
所有交易圖表的基礎是OHLC 圖表，俗稱K線圖。
每個K線展示在一定時期內的4個值。這些值包括：
開盤價
期間最高價
期間最低價
收盤價
現在，股票市場對所有人開放，只要有經紀人提供的數字，誰都可以利用圖表控件自己製作交易圖表。在下面的示例裏，讓我們就來看一看怎樣在JavaScript 應用程序裏來從worldtradingdata.com裏來獲取股票數據。
在網絡服務的世界中，掌握真實公司的股票價格很簡單：
fetch( https://www.worldtradingdata.com/api/v1/history?date_from=2018-09-05&symbol=AAPL&sort=asc&api_token=api-token )
AAPL = Apple Inc.
API token 可以從worldtradingdata.com免費獲取。
有效請求響應的對象是一個帶有“date” 、 “open” 、 “High” 、“Low” 、“Close“ 值的Javascript對象，以及一個附加的”Volume“ 值。
這些足可以用來繪製簡單的交易圖表 ，顯示每天的股票價格以及波動。爲了讓圖表更完整，我們在OHLC上添加另一個交易指標：
Simple Moving Average (SMA)是一種傳統的交易指標，它可以幫助定義價格的走向。SMA 基於OHLC的值來計算，方法是在平均幀數上對close 值取平均值。SMA的公式爲
從上面的公式看出，如果要計算一定時間段內的SMA，我們必須要有先前的值，最大爲N（平均幀的長度）。當然這就導致了SMA落後於OHLC的值。
下面，讓我們來看看在同一張圖表上OHLC和SMA的情況，下圖是 APPLE.Inc 的股票數據的可視化圖，數據由上述示例介紹的方法中獲取。
請注意，SMA線只在幾個K線之後開始，並很明顯地落後於OHLC值。
好，讓我們來回顧一下已完成的操作
- 使用網上的經紀人服務來獲取真實公司的交易數據。
- 根據OHLC數據計算的SMA指標。
- 使用圖表庫在同一圖表中可視化OHLC和SMA
上述只是最普遍的方法，要實現一樣的結果，還有各種各樣的方法，每個方法都有本身的優勢。這篇文章的目的就是啓發大家挖掘至今仍在使用的經典交易圖表庫背後的意義。
要學習的金融交易指標，最有效的方法就是從頭開始創建屬於您的圖表。
