tradingview入门

今年七月入坑，中间断断续续作了别的项目，由于没有彻底掌握这个插件，因此一直没有嵌入项目。
如今已经四个月过去了，迭代工做没那么忙，是时候整合tradingview到项目内部了。

一、简介

这是一个图表插件，刨除外观UI的设置，它的功能就是：得到数据——数据可视化——响应用户操做——得到数据——数据可视化——……
通常在交易所中使用比较多，数字货币交易所如火币网、币安都在使用这个插件。

二、引入图表

GitHub上有demo能够下载，支持多种语言，可是demo缺乏关键的核心库，这个须要到官网申请得到。
官方demo使用的数据获取方式为ajax获取，数据接口是官方提供的。
可是咱们本身的项目，天然要使用咱们本身的数据，因此接口得本身实现。

三、参数配置

官方GitHub有功能选择介绍，另有不少博主都有详细的讲解，不在此赘言，我本身也整理了一个文档，在这里。

四、图表事件

推荐仔细阅读官方JS Api，内容比较繁琐，但颇有阅读必要。里面定义了数据的格式，用户操做的响应，每一个参数是如何传递给图表的。

五、工做原理

在咱们对图表事件有所了解以后，能够知道，图表的工做原理就是咱们喂数据，图表作可视化的展现。
而咱们如何把数据喂给图表，插件自己已经定义了对外接口，须要咱们提供一个拥有这些接口的对象datafeed。如getBars方法，这是获取交易记录的，咱们用来实例化图表的对象datafeed，须要实现这个方法，并且返回的值必须是图表插件预期的。
对应的用户操做，图表插件对应的调用对外接口，因此咱们须要在datafeed实现这些接口，返回预期数据，图表将会展现这些数据。

六、websocket

ajax获取数据在用户量比较多的状况下，实时数据轮询会形成服务器压力大，因此通常都会使用websocket来获取数据，这个须要咱们本身实现数据的获取而不能使用demo的数据交互方式。
对于websocket，官方没有给出demo，可是很幸运的是，已经有博主实现了websocket的demo，这个博主是个好人，地址在这里。我已经在github上放了一个websocket的例子，有须要的同窗能够看一下传送门

七、结语

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