tradingview入門

今年七月入坑，中間斷斷續續作了別的項目，由於沒有徹底掌握這個插件，因此一直沒有嵌入項目。
如今已經四個月過去了，迭代工做沒那麼忙，是時候整合tradingview到項目內部了。

一、簡介

這是一個圖表插件，刨除外觀UI的設置，它的功能就是：得到數據——數據可視化——響應用戶操做——得到數據——數據可視化——……
通常在交易所中使用比較多，數字貨幣交易所如火幣網、幣安都在使用這個插件。

二、引入圖表

GitHub上有demo能夠下載，支持多種語言，可是demo缺乏關鍵的核心庫，這個須要到官網申請得到。
官方demo使用的數據獲取方式爲ajax獲取，數據接口是官方提供的。
可是咱們本身的項目，天然要使用咱們本身的數據，因此接口得本身實現。

三、參數配置

官方GitHub有功能選擇介紹，另有不少博主都有詳細的講解，不在此贅言，我本身也整理了一個文檔，在這裏。

四、圖表事件

推薦仔細閱讀官方JS Api，內容比較繁瑣，但頗有閱讀必要。裏面定義了數據的格式，用戶操做的響應，每一個參數是如何傳遞給圖表的。

五、工做原理

在咱們對圖表事件有所瞭解以後，能夠知道，圖表的工做原理就是咱們喂數據，圖表作可視化的展現。
而咱們如何把數據餵給圖表，插件自己已經定義了對外接口，須要咱們提供一個擁有這些接口的對象datafeed。如getBars方法，這是獲取交易記錄的，咱們用來實例化圖表的對象datafeed，須要實現這個方法，並且返回的值必須是圖表插件預期的。
對應的用戶操做，圖表插件對應的調用對外接口，因此咱們須要在datafeed實現這些接口，返回預期數據，圖表將會展現這些數據。

六、websocket

ajax獲取數據在用戶量比較多的狀況下，實時數據輪詢會形成服務器壓力大，因此通常都會使用websocket來獲取數據，這個須要咱們本身實現數據的獲取而不能使用demo的數據交互方式。
對於websocket，官方沒有給出demo，可是很幸運的是，已經有博主實現了websocket的demo，這個博主是個好人，地址在這裏。我已經在github上放了一個websocket的例子，有須要的同窗能夠看一下傳送門

七、結語

對於用戶，這是一個很好用的插件，可是對於前端工程師，這個插件並不夠友好。不少人接手這個插件都是雲裏霧裏，包括我。可是經過對這個插件的學習，仍是得到了不少知識。