HQChart使用教程29-走势图如何对接第3方数据4-异动提示信息

效果图

示例地址

https://jones2000.github.io/HQChart/webhqchart.demo/samples/minute_mines.html

异动提示设置教程

HQChart使用教程31- 走势图异动数据设置

协议名称-大盘异动

对应代码的类名和函数名： MarketEventInfo::RequestData

Request 字段说明

Date

交易日期

symbol

股票代码

日志数据截图

返回json数据结构(1.0版本）

{ 
    "event":
    [
        {
            "date":交易日期,
            "data": //异动数据
            [
                [935,'新能源' ],   // 数组[0] 时间， 格式：hhmm, 数据[1] 显示的标题
                [938,'国产芯片' ],
            ]
        }
    ]
}

event

事件的数组，一天一条数据

date

事件的日期

data

事件数据 类型是数组
[0] 日期 格式：hhmm， (数值类型）
[1] 显示标题 （字符串)
[2] 字体颜色（可选）(字符串) ‘rgb(255,0,0)’
[3] 背景颜色 (可选) (字符串) ‘rgba(255,255,0,0.5)’

替换异动数据示例

使用NetworkFilter接口截获数据请求替换成自己的数据 (关于NetworkFilter接口说明参见HQChart使用教程29-走势图如何对接第3方数据1);

function NetworkFilter(data, callback)
{
    console.log('[NetworkFilter] data', data);

    if (data.Name=='MarketEventInfo::RequestData')
    {
        //异动数据使用自己的数据
        var recvData=
        { 
            event:
            [
                {
                    date:data.Request.Data.Date,
                    data:
                    [
                        [935,'新能源' ],[938,'国产芯片' ],[949,'稀有金属'],
                        [945,'网络切片'],[946,'超清视频',],[1410,'核电'],
                        [1420,'冰雪产业'],[1435,'宁德时代概念'],[1440,'装配式建筑'],
                        [1455,'工业互联网'],
                    ]
                }
            ]
        }

        setTimeout(() => { callback(recvData); }, 800);	//模拟网络异步请求数据到达

        data.PreventDefault=true;	//阻止默认异动数据请求
    }
}

......................................

var option=
{
     Type:'分钟走势图',
     ..................
     NetworkFilter:NetworkFilter,
}

返回json数据结构(2.0版本 ver>=7730）

{ 
    "event":
    [
        {
            "date":交易日期,
            "data": //异动数据
            [
                 {Date:20191230,Time:949,Title:'稀有金属', Color:'rgb(255,0,0)',BGColor:'rgba(255,255,55,0.5)', Price:3031},
                 {Date:20191230,Time:1000,Title:'石墨烯', Color:'rgb(255,255,0)', Price:4031},
            ]
        }
    ]
}

event

事件的数组，一天一条数据

date

事件的日期

data

事件数据 类型是数组
Time 日期 格式：hhmm， (数值类型）949 => 9:49
Title 显示标题 （字符串)
Content: tooltip提示信息显示的内容， 如果是空tooltip就显示Title字段内容
Color 字体颜色（可选）(字符串) ‘rgb(255,0,0)’
BGColor 背景颜色 (可选) (字符串) ‘rgba(255,255,0,0.5)’
Date 日期 格式 yyyymmdd 数值类型 20191230 => 2019-12-30
Price: 标记Y轴的位置 数值型

1.0 数据版本和 2.0数据版本同时支持的。

HQChart代码地址

github.com/jones2000/HQChart