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