HQChart使用教程30-K线图如何对接第3方数据13-使用websocket更新最新K线数据

websocket支持

目前K线 支持使用websocket 更新最新的K线日线数据 和 分钟K线的当天数据

数据下载流程

在这里插入图片描述

事件注册

通过函数AddEventCallback 可以注册一个监听事件

Chart.AddEventCallback(obj)

obj= { event:事件ID, callback:回调函数 }

注册更新数据开始和数据停止的事件ID为
JSCHART_EVENT_ID.RECV_START_AUTOUPDATE 开始更新数据
JSCHART_EVENT_ID.RECV_STOP_AUTOUPDATE 停止更新数据
在SetOption以后 注册事件回调。

 chart.SetOption(option);
//注册监听事件         
chart.AddEventCallback({event:JSCHART_EVENT_ID.RECV_START_AUTOUPDATE, callback:startAutoUpdate});
chart.AddEventCallback({event:JSCHART_EVENT_ID.RECV_STOP_AUTOUPDATE, callback:stopAutoUpdate});
            

数据开始更新回调

function startAutoUpdate(event,data,obj)
{
     console.log('[startAutoUpdate] data', data);
     //根据data.Stock.Period周期,使用websocket下载对应的当天日线或当天分钟数据
     //数据转换成hqchart接口,使用data.Callback(data) 更新到HQChart中
}

event

注册事件的信息 包括事件ID

data

数据信息 看下面截图
在这里插入图片描述

Stock

当前的股票信息
Symbol 股票代码
Name 股票名称
Right 复权
Period: 周期

数据更新函数

Callback 数据更新到HQChart回调函数 function(data) data为更新的数据
根据上面的股票周期Period来转换成对应的数据接口
对应以下2个数据接口
KLineChartContainer::RequestMinuteRealtimeData 当天1分钟K线数据
KLineChartContainer::RequestRealtimeData 当天最新日线数据

obj

HQChart实例化的变量

数据停止更新回调函数

function stopAutoUpdate(event,data,obj)
{
     console.log('[stopAutoUpdate] data', data);
     //停止websocket数据更新
 }

event

注册事件的信息 包括事件ID

data

数据截图
在这里插入图片描述

Stock

当前的股票信息
Symbol 股票代码
Name 股票名称
Right 复权
Period: 周期

数据格式参考下面的教程
HQChart使用教程30-K线图如何对接第3方数据15-轮询增量更新1分钟K线数据
HQChart使用教程30-K线图如何对接第3方数据14-轮询增量更新日K数据

如果还有问题可以加交流QQ群: 950092318

HQChart代码地址
地址:github.com/jones2000/HQChart

Logo

北京人形旗下天工造物具身智能开源社区,聚焦具身天工与慧思开物两大平台

更多推荐