TradingView Demo (火币数据)

github代码 线上demo显示(可能需要梯子才能看到数据)

实现TradingView基础功能需要掌握文档中JS API章节、构造器、widget方法、chart方法章节文档地址wiki (需要获得官方权限)。官方也提供了React,Angular,Vue的相关Demo(同wiki需要获得官方权限)。

使用自己的数据
需要了解的是TradingView的数据加载机制图表在需要数据的时候会主动调用datafeedwidget构造器参数传入的getBars、subscribeBars方法。

getBars: 获取历史数据

在getBars通过rangeStartDate, rangeEndDate请求不同时间段的历史数据将返回的数据处理成TradingView需要的格式后执行onDataCallback(data {noData: !data.length}) 即可更新数据, 注意noData即没有更多历史数据时为true。 更多参数信息请看文档

subscribeBars获取实时数据

subscribeBars用来订阅实时数据 将返回的数据处理好后执行onRealTimeCallback(data)即可更新。更多参数信息请看文档

unSubscribeBars取消实时数据的订阅
对应subscribeBarsunSubscribeBars用来取消订阅通常在切换币种、周期后图表会自动先执行unSub然后执行getBars, sub。