tradingview入门

douzifly 发布于2019-08-23 12:40 / 1999人阅读

摘要：今年七月入坑，中间断断续续做了别的项目，因为没有完全掌握这个插件，所以一直没有嵌入项目。引入图表上有可以下载，支持多种语言，但是缺少关键的核心库，这个需要到官网申请获得。官方使用的数据获取方式为获取，数据接口是官方提供的。

今年七月入坑，中间断断续续做了别的项目，因为没有完全掌握这个插件，所以一直没有嵌入项目。
现在已经四个月过去了，迭代工作没那么忙，是时候整合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，这个博主是个好人，地址在这里。我已经在github上放了一个websocket的例子，有需要的同学可以看一下传送门

7、结语

对于用户，这是一个很好用的插件，但是对于前端工程师，这个插件并不够友好。很多人接手这个插件都是云里雾里，包括我。但是通过对这个插件的学习，还是获得了很多知识。

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/98926.html

Vue中引入TradingView制作K线图

摘要：图表库希望通过仅一次调用，接收所有的请求历史。更新后台返回线最新的数据网上比较少关于引入的文章小弟不才粗略的分享一下我的实现方法 **前言: 本文使用的是1.10版本 , 可通过TradingView.version()查看当前版本. 附上开发文档地址:https://zlq4863947.gitbooks.i...** 一、修改datafeed.js为export导出,并在vue文件...

codergarden 2019-08-23 12:39 评论0 收藏0
tradingView-webSocket进阶——Vue.js

摘要：无奈，还是需要对这份代码进行加工。功能缺少，主要指业务逻辑实现上的功能缺少。缺少的功能主要是历史记录获取展示的功能。查询缓存是否为空，如果为空，表示数据还没有下发，后再查询一次。如果有数据，取到当前数据，执行回调。前几天写了一篇关于tradingView和webSocket的文章传送门，因为代码本身还在整合中，所以比较混乱，而且也没有demo可以运行。这两天在GitHub上面看到了一...

levius 2019-08-23 13:11 评论0 收藏0
tradingView--最专业的走势图表，收下吧，也许你会用到

摘要：进阶二进制传输数据在传输数据的时候是明文传输，而且像线上的历史数据，一般数据量比较大。为了安全性以及更快的加载出图表，我们决定使用二进制的方式传输数据。前言最近在做交易所项目里的K线图，得些经验，与大家分享。代码居多，流量预警！！！！点赞收藏不迷路。技术选型 echrats showImg(https://segmentfault.com/img/remote/14...

tianyu 2019-08-02 15:30 评论0 收藏0
tradingView--最专业的走势图表，收下吧，也许你会用到

摘要：进阶二进制传输数据在传输数据的时候是明文传输，而且像线上的历史数据，一般数据量比较大。为了安全性以及更快的加载出图表，我们决定使用二进制的方式传输数据。前言最近在做交易所项目里的K线图，得些经验，与大家分享。代码居多，流量预警！！！！点赞收藏不迷路。技术选型 echrats showImg(https://segmentfault.com/img/remote/14...

canopus4u 2019-08-23 18:35 评论0 收藏0
tradingview-websocket进阶

摘要：用户量量大，数据量大，而且要求实时更新数据的时候，需要使用。该方法接收的有两种，一种是数组。是历史数据，时间段的数据，根据时间颗粒来划分。 1、websocket 用户量量大，数据量大，而且要求实时更新数据的时候，需要使用websocket。tradingview正好就是这样的应用场景。 2、tradingview和websocket结合 getBars方法。tradingview图...

Cc_2011 2019-08-23 12:51 评论0 收藏0