今年七月入坑，中間斷斷續續做了別的項目，因爲沒有完全掌握這個插件，所以一直沒有嵌入項目。
現在已經四個月過去了，迭代工作沒那麼忙，是時候整合tradingview到項目內部了。
1、簡介
這是一個圖表插件，刨除外觀UI的設置，它的功能就是：獲得數據——數據可視化——響應用戶操作——獲得數據——數據可視化——……
一般在交易所中使用比較多，數字貨幣交易所如火幣網、幣安都在使用這個插件。
2、引入圖表
GitHub上有demo可以下載，支持多種語言，但是demo缺少關鍵的核心庫，這個需要到官網申請獲得。
官方demo使用的數據獲取方式爲ajax獲取，數據接口是官方提供的。
但是我們自己的項目，自然要使用我們自己的數據，所以接口得自己實現。
3、參數配置
官方GitHub有功能選擇介紹，另有很多博主都有詳細的講解，不在此贅言，我自己也整理了一個文檔，在這裏。
4、圖表事件
推薦仔細閱讀官方JS Api，內容比較繁瑣，但很有閱讀必要。裏面定義了數據的格式，用戶操作的響應，每個參數是如何傳遞給圖表的。
5、工作原理
在我們對圖表事件有所瞭解之後，可以知道，圖表的工作原理就是我們喂數據，圖表做可視化的展示。
而我們如何把數據餵給圖表，插件本身已經定義了對外接口，需要我們提供一個擁有這些接口的對象datafeed。如getBars方法，這是獲取交易記錄的，我們用來實例化圖表的對象datafeed，需要實現這個方法，而且返回的值必須是圖表插件預期的。
對應的用戶操作，圖表插件對應的調用對外接口，所以我們需要在datafeed實現這些接口，返回預期數據，圖表將會展示這些數據。
6、websocket
ajax獲取數據在用戶量比較多的情況下，實時數據輪詢會造成服務器壓力大，所以一般都會使用websocket來獲取數據，這個需要我們自己實現數據的獲取而不能使用demo的數據交互方式。
對於websocket，官方沒有給出demo，但是很幸運的是，已經有博主實現了websocket的demo，這個博主是個好人，地址在這裏。
7、結語
對於用戶，這是一個很好用的插件，但是對於前端工程師，這個插件並不夠友好。很多人接手這個插件都是雲裏霧裏，包括我。但是通過對這個插件的學習，還是獲得了很多知識。