HQChart使用教程30-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不请求数据
	switch(data.Name)
    {
     	case 'KLineChartContainer::ReqeustHistoryMinuteData':           //分钟全量数据下载
     	    //通过data.Request里的数据 对应到第3方数据
			$.ajax({
		        url:'第3方数据地址'，
		        .....
		        success: function (data)
		        {
		           var hqchartData；//把第3方数据data转成 hqchart数据
		           callback(hqchartData); //把数据传回hqchart
		        }
		    });
     		break;
     	case 'KLineChartContainer::RequestMinuteRealtimeData':          //分钟增量数据更新
     	    ............同上
     	    break;
     	case 'KLineChartContainer::RequestHistoryData':                 //日线全量数据下载
     	    ............同上
     	    break;
     	case 'KLineChartContainer::RequestRealtimeData':                //日线实时数据更新
     	    .............同上
     	    break;
	}
}

K线图网路协议列表

1. KLineChartContainer::RequestHistoryData
   日K数据
   HQChart使用教程30-K线图如何对接第3方数据2-日K数据
2. KLineChartContainer::RequestFlowCapitalData
   流通股本数据 (用于计算换手率)
   HQChart使用教程30-K线图如何对接第3方数据4-流通股本数据
3. KLineChartContainer::RequestOverlayHistoryData
   叠加股票日K线数据
   HQChart使用教程30-K线图如何对接第3方数据16-日K叠加股票
4. KLineChartContainer::ReqeustHistoryMinuteData
   1分钟K线数据
   HQChart使用教程30-K线图如何对接第3方数据3-1分钟K数据
5. KLineChartContainer::RequestMinuteRealtimeData
   当天1分钟K线数据
   HQChart使用教程30-K线图如何对接第3方数据15-轮询增量更新1分钟K线数据
6. KLineChartContainer::RequestRealtimeData
   当天最新日线数据
   HQChart使用教程30-K线图如何对接第3方数据14-轮询增量更新日K数据
7. JSSymbolData::GetSymbolPeriodData
   跨周期函数数据协议 如：CLOSE#WEEK
   #后可用MIN1,MIN5,MIN15,MIN30,MIN60,DAY,WEEK,MONTH,SEASON,YEAR
   HQChart使用教程30-K线图如何对接第3方数据21-跨周期函数数据

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

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

周期和复权全部使用后台数据

默认 周期和复权是本地计算的， 如果需要每次切换周期或复权都请求后台数据设置IsApiPeriod =true, 详见HQChart使用教程1- 如何快速创建一个K线图页面

小程序,及第3放app平台对接注意事项

小程序， uniapp 网络接口都是自己封装的， 真实的网络数据都在里面的data中， 传递给hqchart的时候也需要包一层

var hqChartData={code:0, data:[]};
hqChartData.symbol='BTCUSDT.BIT';
hqChartData.name='BTCUSDT';
.......
callback({data:hqChartData});

httpA股数据对接教程(付费文章)

1. HQChart实战教程29-A股日K线数据对接-Vue版本
   
2. HQChart实战教程30-A股日K线数据对接-uniapp版本
   
3. HQChart实战教程31-A股分钟K线数据对接-Vue版本
   
4. HQChart实战教程32-A股分钟K线数据对接-uniapp版本
   

HQChart代码地址

地址：https://github.com/jones2000/HQChart