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

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

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

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

subscribeBars:获取实时数据
在这里插入图片描述
subscribeBars用来订阅实时数据 将返回的数据处理好后,执行onRealTimeCallback(data)即可更新。(更多参数信息请看文档)

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

Logo

前往低代码交流专区

更多推荐