摘要:今年七月入坑,中間斷斷續續做了別的項目,因為沒有完全掌握這個插件,所以一直沒有嵌入項目。引入圖表上有可以下載,支持多種語言,但是缺少關鍵的核心庫,這個需要到官網申請獲得。官方使用的數據獲取方式為獲取,數據接口是官方提供的。
今年七月入坑,中間斷斷續續做了別的項目,因為沒有完全掌握這個插件,所以一直沒有嵌入項目。
現在已經四個月過去了,迭代工作沒那么忙,是時候整合tradingview到項目內部了。
這是一個圖表插件,刨除外觀UI的設置,它的功能就是:獲得數據——數據可視化——響應用戶操作——獲得數據——數據可視化——……
一般在交易所中使用比較多,數字貨幣交易所如火幣網、幣安都在使用這個插件。
GitHub上有demo可以下載,支持多種語言,但是demo缺少關鍵的核心庫,這個需要到官網申請獲得。
官方demo使用的數據獲取方式為ajax獲取,數據接口是官方提供的。
但是我們自己的項目,自然要使用我們自己的數據,所以接口得自己實現。
官方GitHub有功能選擇介紹,另有很多博主都有詳細的講解,不在此贅言,我自己也整理了一個文檔,在這里。
4、圖表事件推薦仔細閱讀官方JS Api,內容比較繁瑣,但很有閱讀必要。里面定義了數據的格式,用戶操作的響應,每個參數是如何傳遞給圖表的。
5、工作原理在我們對圖表事件有所了解之后,可以知道,圖表的工作原理就是我們喂數據,圖表做可視化的展示。
而我們如何把數據喂給圖表,插件本身已經定義了對外接口,需要我們提供一個擁有這些接口的對象datafeed。如getBars方法,這是獲取交易記錄的,我們用來實例化圖表的對象datafeed,需要實現這個方法,而且返回的值必須是圖表插件預期的。
對應的用戶操作,圖表插件對應的調用對外接口,所以我們需要在datafeed實現這些接口,返回預期數據,圖表將會展示這些數據。
ajax獲取數據在用戶量比較多的情況下,實時數據輪詢會造成服務器壓力大,所以一般都會使用websocket來獲取數據,這個需要我們自己實現數據的獲取而不能使用demo的數據交互方式。
對于websocket,官方沒有給出demo,但是很幸運的是,已經有博主實現了websocket的demo,這個博主是個好人,地址在這里。我已經在github上放了一個websocket的例子,有需要的同學可以看一下傳送門
對于用戶,這是一個很好用的插件,但是對于前端工程師,這個插件并不夠友好。很多人接手這個插件都是云里霧里,包括我。但是通過對這個插件的學習,還是獲得了很多知識。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/98926.html
摘要:圖表庫希望通過僅一次調用,接收所有的請求歷史。更新后臺返回線最新的數據網上比較少關于引入的文章小弟不才粗略的分享一下我的實現方法 **前言: 本文使用的是1.10版本 , 可通過TradingView.version()查看當前版本. 附上開發文檔地址:https://zlq4863947.gitbooks.i...** 一、修改datafeed.js為export導出,并在vue文件...
摘要:無奈,還是需要對這份代碼進行加工。功能缺少,主要指業務邏輯實現上的功能缺少。缺少的功能主要是歷史記錄獲取展示的功能。查詢緩存是否為空,如果為空,表示數據還沒有下發,后再查詢一次。如果有數據,取到當前數據,執行回調。 前幾天寫了一篇關于tradingView和webSocket的文章傳送門,因為代碼本身還在整合中,所以比較混亂,而且也沒有demo可以運行。這兩天在GitHub上面看到了一...
摘要:進階二進制傳輸數據在傳輸數據的時候是明文傳輸,而且像線上的歷史數據,一般數據量比較大。為了安全性以及更快的加載出圖表,我們決定使用二進制的方式傳輸數據。 前言 最近在做交易所項目里的K線圖,得些經驗,與大家分享。 代碼居多,流量預警!!!! 點贊 收藏 不迷路。 技術選型 echrats showImg(https://segmentfault.com/img/remote/14...
摘要:進階二進制傳輸數據在傳輸數據的時候是明文傳輸,而且像線上的歷史數據,一般數據量比較大。為了安全性以及更快的加載出圖表,我們決定使用二進制的方式傳輸數據。 前言 最近在做交易所項目里的K線圖,得些經驗,與大家分享。 代碼居多,流量預警!!!! 點贊 收藏 不迷路。 技術選型 echrats showImg(https://segmentfault.com/img/remote/14...
摘要:用戶量量大,數據量大,而且要求實時更新數據的時候,需要使用。該方法接收的有兩種,一種是數組。是歷史數據,時間段的數據,根據時間顆粒來劃分。 1、websocket 用戶量量大,數據量大,而且要求實時更新數據的時候,需要使用websocket。tradingview正好就是這樣的應用場景。 2、tradingview和websocket結合 getBars方法。tradingview圖...
閱讀 1574·2021-09-23 11:21
閱讀 2345·2021-09-07 10:13
閱讀 834·2021-09-02 10:19
閱讀 1125·2019-08-30 15:44
閱讀 1720·2019-08-30 13:18
閱讀 1913·2019-08-30 11:15
閱讀 1105·2019-08-29 17:17
閱讀 2017·2019-08-29 15:31