今年七月入坑中间断断续续做了别的项目因为没有完全掌握这个插件所以一直没有嵌入项目。
现在已经四个月过去了迭代工作没那么忙是时候整合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、结语
对于用户这是一个很好用的插件但是对于前端工程师这个插件并不够友好。很多人接手这个插件都是云里雾里包括我。但是通过对这个插件的学习还是获得了很多知识。
Related News
