tradingview入門

douzifly 發(fā)布于2019-08-23 12:40 / 2168人閱讀

摘要：今年七月入坑，中間斷斷續(xù)續(xù)做了別的項目，因為沒有完全掌握這個插件，所以一直沒有嵌入項目。引入圖表上有可以下載，支持多種語言，但是缺少關鍵的核心庫，這個需要到官網(wǎng)申請獲得。官方使用的數(shù)據(jù)獲取方式為獲取，數(shù)據(jù)接口是官方提供的。

今年七月入坑，中間斷斷續(xù)續(xù)做了別的項目，因為沒有完全掌握這個插件，所以一直沒有嵌入項目。
現(xiàn)在已經(jīng)四個月過去了，迭代工作沒那么忙，是時候整合tradingview到項目內部了。

1、簡介

這是一個圖表插件，刨除外觀UI的設置，它的功能就是：獲得數(shù)據(jù)——數(shù)據(jù)可視化——響應用戶操作——獲得數(shù)據(jù)——數(shù)據(jù)可視化——……
一般在交易所中使用比較多，數(shù)字貨幣交易所如火幣網(wǎng)、幣安都在使用這個插件。

2、引入圖表

GitHub上有demo可以下載，支持多種語言，但是demo缺少關鍵的核心庫，這個需要到官網(wǎng)申請獲得。
官方demo使用的數(shù)據(jù)獲取方式為ajax獲取，數(shù)據(jù)接口是官方提供的。
但是我們自己的項目，自然要使用我們自己的數(shù)據(jù)，所以接口得自己實現(xiàn)。

3、參數(shù)配置

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

4、圖表事件

推薦仔細閱讀官方JS Api，內容比較繁瑣，但很有閱讀必要。里面定義了數(shù)據(jù)的格式，用戶操作的響應，每個參數(shù)是如何傳遞給圖表的。

5、工作原理

在我們對圖表事件有所了解之后，可以知道，圖表的工作原理就是我們喂數(shù)據(jù)，圖表做可視化的展示。
而我們如何把數(shù)據(jù)喂給圖表，插件本身已經(jīng)定義了對外接口，需要我們提供一個擁有這些接口的對象datafeed。如getBars方法，這是獲取交易記錄的，我們用來實例化圖表的對象datafeed，需要實現(xiàn)這個方法，而且返回的值必須是圖表插件預期的。
對應的用戶操作，圖表插件對應的調用對外接口，所以我們需要在datafeed實現(xiàn)這些接口，返回預期數(shù)據(jù)，圖表將會展示這些數(shù)據(jù)。

6、websocket

ajax獲取數(shù)據(jù)在用戶量比較多的情況下，實時數(shù)據(jù)輪詢會造成服務器壓力大，所以一般都會使用websocket來獲取數(shù)據(jù)，這個需要我們自己實現(xiàn)數(shù)據(jù)的獲取而不能使用demo的數(shù)據(jù)交互方式。
對于websocket，官方?jīng)]有給出demo，但是很幸運的是，已經(jīng)有博主實現(xiàn)了websocket的demo，這個博主是個好人，地址在這里。我已經(jīng)在github上放了一個websocket的例子，有需要的同學可以看一下傳送門

7、結語

對于用戶，這是一個很好用的插件，但是對于前端工程師，這個插件并不夠友好。很多人接手這個插件都是云里霧里，包括我。但是通過對這個插件的學習，還是獲得了很多知識。

GPU云服務器云服務器 tradingView 入門代碼入門過程入門基礎

文章版權歸作者所有，未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉載請注明本文地址：http://www.ezyhdfw.cn/yun/98926.html

Vue中引入TradingView制作K線圖

摘要：圖表庫希望通過僅一次調用，接收所有的請求歷史。更新后臺返回線最新的數(shù)據(jù)網(wǎng)上比較少關于引入的文章小弟不才粗略的分享一下我的實現(xiàn)方法 **前言: 本文使用的是1.10版本 , 可通過TradingView.version()查看當前版本. 附上開發(fā)文檔地址:https://zlq4863947.gitbooks.i...** 一、修改datafeed.js為export導出,并在vue文件...

codergarden 2019-08-23 12:39 評論0 收藏0
tradingView-webSocket進階——Vue.js

摘要：無奈，還是需要對這份代碼進行加工。功能缺少，主要指業(yè)務邏輯實現(xiàn)上的功能缺少。缺少的功能主要是歷史記錄獲取展示的功能。查詢緩存是否為空，如果為空，表示數(shù)據(jù)還沒有下發(fā)，后再查詢一次。如果有數(shù)據(jù)，取到當前數(shù)據(jù)，執(zhí)行回調。前幾天寫了一篇關于tradingView和webSocket的文章傳送門，因為代碼本身還在整合中，所以比較混亂，而且也沒有demo可以運行。這兩天在GitHub上面看到了一...

levius 2019-08-23 13:11 評論0 收藏0
tradingView--最專業(yè)的走勢圖表，收下吧，也許你會用到

摘要：進階二進制傳輸數(shù)據(jù)在傳輸數(shù)據(jù)的時候是明文傳輸，而且像線上的歷史數(shù)據(jù)，一般數(shù)據(jù)量比較大。為了安全性以及更快的加載出圖表，我們決定使用二進制的方式傳輸數(shù)據(jù)。前言最近在做交易所項目里的K線圖，得些經(jīng)驗，與大家分享。代碼居多，流量預警！?。?！點贊收藏不迷路。技術選型 echrats showImg(https://segmentfault.com/img/remote/14...

tianyu 2019-08-02 15:30 評論0 收藏0
tradingView--最專業(yè)的走勢圖表，收下吧，也許你會用到

摘要：進階二進制傳輸數(shù)據(jù)在傳輸數(shù)據(jù)的時候是明文傳輸，而且像線上的歷史數(shù)據(jù)，一般數(shù)據(jù)量比較大。為了安全性以及更快的加載出圖表，我們決定使用二進制的方式傳輸數(shù)據(jù)。前言最近在做交易所項目里的K線圖，得些經(jīng)驗，與大家分享。代碼居多，流量預警?。。?！點贊收藏不迷路。技術選型 echrats showImg(https://segmentfault.com/img/remote/14...

canopus4u 2019-08-23 18:35 評論0 收藏0
tradingview-websocket進階

摘要：用戶量量大，數(shù)據(jù)量大，而且要求實時更新數(shù)據(jù)的時候，需要使用。該方法接收的有兩種，一種是數(shù)組。是歷史數(shù)據(jù)，時間段的數(shù)據(jù)，根據(jù)時間顆粒來劃分。 1、websocket 用戶量量大，數(shù)據(jù)量大，而且要求實時更新數(shù)據(jù)的時候，需要使用websocket。tradingview正好就是這樣的應用場景。 2、tradingview和websocket結合 getBars方法。tradingview圖...

Cc_2011 2019-08-23 12:51 評論0 收藏0