其他分享
首页 > 其他分享> > HQChart使用教程30-K线图如何对接第3方数据1

HQChart使用教程30-K线图如何对接第3方数据1

作者:互联网

K线图如何对接第3方数据1

数据接口

HQChart 提供一个网络协议过滤接口, HQChart请求数据前会调用这个网络协议过滤接口通知上层,
在Option配置里面设置 NetworkFilter:function(data, callback) { } 这样每次数据请求时都会调用这个回调,

function NetworkFilter(data, callback)	//网络协议回调
{
     console.log('[NetworkFilter] data', data);
 }
        
var option=
{
    Type:'历史K线图',
    ......
    NetworkFilter:NetworkFilter
}

NetworkFilter说明

data 请求的数据信息 在这里插入图片描述
Name:原始的类名::函数名
Explain: 说明
Request: 原始的请求信息
Request.Type 请求类型
Request.Data 请求参数
Request.Url 请求地址
PreventDefault 是否阻止默认网路协议发送, 默认false, 如果设置成true, HQChart就不会再请求数据。
callback:把数据传入HQChart 回调

下面是替换第3方数据流程

function NetworkFilter(data, callback)	//网络协议回调
{
     console.log('[NetworkFilter] data', data);
     data.PreventDefault=true;	//设置hqchart不请求数据
     
	//通过data.Request里的数据 对应到第3方数据
	$.ajax({
        url:'第3方数据地址',
        .....
        success: function (data)
        {
           var hqchartData;//把第3方数据data转成 hqchart数据
           callback(hqchartData); //把数据传回hqchart
        }
    });
}

K线图网路协议列表

  1. KLineChartContainer::RequestHistoryData
    日K数据
  2. KLineChartContainer::RequestFlowCapitalData
    流通股本数据 (用于计算换手率)
  3. KLineChartContainer::RequestOverlayHistoryData
    叠加股票日K线数据
  4. KLineChartContainer::ReqeustHistoryMinuteData
    1分钟K线数据
  5. KLineChartContainer::RequestMinuteRealtimeData
    当天1分钟K线数据
  6. KLineChartContainer::RequestRealtimeData
    当天最新日线数据

具体数据接口请求通过f12查看 每个网络请求返回的json数据。 我也会再后续写成教程。

注:分析家脚本中使用的额外的数据还不能使用这个接口 如:FINANCE()系列的财务数据, 后续我们会支持的。

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

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

标签:HQChart,教程,请求,data,30,KLineChartContainer,数据,NetworkFilter
来源: https://blog.csdn.net/jones2000/article/details/100181279