HQChart使用教程30-K线图如何对接第3方数据32-订单流

  • 样例
  • HQChart订单流数据结构
    • Order
      • Price
      • Ask
      • Bid
      • HBar
    • PriceOffset
    • High
    • Low
  • 数据对接
    • 全量分钟K线数据
    • 全量日K数据
    • 更新分钟K线数据
    • 更新日K数据
  • 订单流切换
  • 配色
  • 交流QQ群: 950092318
  • HQChart代码地址

样例

https://opensource2.zealink.com/hqweb/demo/demo_orderflow.html

HQChart订单流数据结构

订单流是单独一个结构体, 1跟K线一个这样的结构体

{ PriceOffset: 每个单元的价格间距,  High: [ { Price:, Value:, Text: Color ,Font:{ Weight:}}, ..... ], Low:[ { Price:, Value:, Text: Color , Font:{ Weight:}}, ..... ] , Order:  //订单信息[ { Price:,  Ask:{ Color:, Value: , Text:, BG:, Font:{ Weight:} } Bid:{ Color:, Value:,  Text:, BG:, Font:{ Weight:} }, HBar:{ Color:, Width, }  }, ........] }

字段对应K线的位置如下

Order

订单信息, 数组, 里面存放每一个价位的买,卖的量

Price

价位

Ask

买量信息 左边
Color:文字颜色
Text: 显示的文字
Value: 买量
BG: 背景色 , 如果为空就不使用背景色
Font: 字体设置, 目前只支持设置 Weight 字体粗细

Bid

卖量的信息 右边
Color:文字颜色
Text: 显示的文字
Value: 卖量
BG: 背景色 , 如果为空就不使用背景色
Font: 字体设置, 目前只支持设置 Weight 字体粗细

HBar

横线往右画的线段
Color 线段颜色
Width 线段长度, 使用K线个数表示长度, 如果5=5个K线的长度

PriceOffset

每个订单价位的间隔

High

K线顶部位置输出信息,可以输出多组文字
Price: 输出的价位
Value 数值
Text: 显示的文字
Color:字体颜色
Font: 字体设置, 目前只支持设置 Weight 字体粗细

Low

K线底部位置输出信息,可以输出多组文字
Price: 输出的价位
Value 数值
Text: 显示的文字
Color:字体颜色
Font: 字体设置, 目前只支持设置 Weight 字体粗细

数据对接

订单流是通过K线数据协议过来的。 即下面4个协议
HQChart使用教程30-K线图如何对接第3方数据2-日K数据
HQChart使用教程30-K线图如何对接第3方数据3-1分钟K数据
HQChart使用教程30-K线图如何对接第3方数据14-轮询增量更新日K数据
HQChart使用教程30-K线图如何对接第3方数据15-轮询增量更新1分钟K线数据

全量分钟K线数据

回调的 data.Request.Data.klineDrawType 当前k线类型, (5=订单流 0=实心K线柱子 1=收盘价线 2=美国线 3=空心K线柱子)

每个K线项第JSCHART_DATA_FIELD_ID.KLINE_ORDERFLOW的索引位置是保存订单流的

全量日K数据

回调的 data.Request.Data.klineDrawType 当前k线类型, (5=订单流 0=实心K线柱子 1=收盘价线 2=美国线 3=空心K线柱子)
每个K线项第JSCHART_DATA_FIELD_ID.KLINE_ORDERFLOW的索引位置是保存订单流的

更新分钟K线数据

回调的 data.Request.Data.klineDrawType 当前k线类型, (5=订单流 0=实心K线柱子 1=收盘价线 2=美国线 3=空心K线柱子)
ver:2 数据版本为2.0的才支持
每个K线项第JSCHART_DATA_FIELD_ID.KLINE_ORDERFLOW的索引位置是保存订单流的

更新日K数据

回调的 data.Request.Data.klineDrawType 当前k线类型, (5=订单流 0=实心K线柱子 1=收盘价线 2=美国线 3=空心K线柱子)

stock [ { … OrderFlow:{} } ]

订单流切换

ChangeKLineDrawType(type)

切换K线类型 5=订单流 0=实心K线柱子 1=收盘价线 2=美国线 3=空心K线柱子

从其他K线类型切换到订单流, 或订单流切换到其他K线类型,都会触发数据的重新请求。

配色

如何修改配色详见教程 HQChart使用教程4- 如何自定义K线图颜色风格
一下是订单流K线配色

/
//   全局配置颜色
//
//
function JSChartResource()
{............//订单流配置this.OrderFlow={ UpColor:{BG:'rgb(223,191,180)', Border:"rgb(196,84,86)" },          //阳线DownColor:{ BG:"rgb(176,212,184)", Border:'rgb(66,94,74)' },        //阴线UnchagneColor: {BG:"rgb(216,221,177)", Border:"rgb(209,172,129)"},  //平盘Text:{ Color: "rgb(92,96,89)" , Family:'Arial', FontMaxSize:16, MaxValue:"8888" },  //文字Line:{ UpDownColor: "rgb(0,0,0)", MiddleColor:"rgb(211,211,211)" },  //最大, 最低,中间 竖线AlwaysShowOrderText:true,   //总是显示订单流文字};..........

交流QQ群: 950092318

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

HQChart代码地址

地址:github.com/jones2000/HQChart

HQChart使用教程30-K线图如何对接第3方数据32-订单流相关推荐

  1. HQChart使用教程30-K线图如何对接第3方数据4-流通股本数据

    K线图如何对接第3方数据4-流通股本数据 协议名称-流通股本数据 协议日志截图 Request 字段说明 symbol field orderfield 返回json数据结构 数据截图 stock c ...

  2. HQChart使用教程30-K线图如何对接第3方数据31-获取指定品种的K线数据

    HQChart使用教程30-K线图如何对接第3方数据31-获取指定品种的K线数据 获取指定品种的K线数据 通达信语法$ hqchart内置函数 脚本例子 协议名称-指定个股数据 协议日志截图 字段说明 ...

  3. HQChart使用教程30-K线图如何对接第3方数据20-信息地雷公告数据

    HQChart使用教程30-K线图如何对接第3方数据20-信息地雷公告数据 协议名称-公告 协议日志截图 拖拽数据增量更新 Request 字段说明 返回json数据结构 数据截图 格式说明 code ...

  4. HQChart使用教程30-K线图如何对接第3方数据35-固定范围/可视范围成交量分布图数据

    HQChart使用教程30-K线图如何对接第3方数据35--固定范围/可视范围成交量分布图数据 固定范围成交量分布图 创建固定范围成交量分布图 可视范围成交量分布图 初始化创建 动态切换指标 第3方数 ...

  5. HQChart使用教程29-走势图如何对接第3方数据2-最新分时数据

    走势图如何对接第3方数据2-最新分时数据 协议名称-最新分时数据 Request 字段说明 field 需要请求的数据字段 symbol 请求的股票代码 返回json数据结构 name 股票名称 sy ...

  6. HQChart使用教程29-走势图如何对接第3方数据4-叠加股票分时数据

    走势图如何对接第3方数据4-叠加股票分时数据 1. 协议名称-叠加股票最新分时数据 Request 字段说明 days symbol name 返回json数据结构 data[] date close ...

  7. Python画图实战之画K线图【附带自动下载股票数据】

    关于Python画图的基本知识可以先查看下面这篇文章Python画图(直方图.多张子图.二维图形.三维图形以及图中图)https://blog.csdn.net/weixin_41896770/art ...

  8. 股票 K线图 蜡烛图

    资料1 日K线图中: 在日K线图中一般白线.黄线.紫线.绿线依次分别表示:5.10.20.60日移动平均线,但这并不是固定的,会根据设置的不同而不同,比如你也可以在系统里把它们设为5.15.30.60 ...

  9. 棕榈学院Python课程回顾——K线图绘制

    棕榈学院Python课程回顾(Day 1-2) 文章目录 棕榈学院Python课程回顾(Day 1-2) 环境配置 Sublime text 3 jupyter notebook Day 1 文件读取 ...

最新文章

  1. Android logcat命令详解
  2. Kubernetes 日志收集的原理,看这一篇就够了
  3. 前端入门教程(七)CSS属性设置
  4. 5中bug vue_苹果官网出BUG!这些都只要一两百元
  5. leetcode - 104. 二叉树的最大深度
  6. linux 6.3 ftp安装,CentOS6.3下安装VSFTP服务
  7. android导航使用教程,android BottomNavigationView的简单使用教程
  8. 为什要学习烹饪?学习烹饪迫在眉睫
  9. 设计OA系统的用户-角色-权限分配
  10. python json dump_为什么json.dump()没有以\ n结尾? - python
  11. css 主页模版 搜索技巧
  12. 专业的数据库连接工具:DBeaverEE for Mac中文版
  13. mysql -h_MySQL登录数据库 h参数
  14. kodi资源_手把手教您设置KODI播放器,3分钟打造家庭影院级媒体库,流畅播放NAS里的原盘电影!...
  15. 【哼歌检索】十大语音搜索应用服务
  16. 在线教育项目用户登录和注册
  17. 如何对电脑屏幕进行监控?
  18. 初步了解指针------指针的基本概念
  19. ava查询mysql的数据_【技术综述】AVA-第一个大规模的美学质量评估数据库
  20. P1.Pytorch环境的配置及安装(Configuration and installation of Pytorch)

热门文章

  1. VB.net实现Singleton模式
  2. Worthington过氧化物酶活性的6种测定方法
  3. 浓浓国潮情,飘香浓郁的中国风海报PSD模板素材,没话说!
  4. 面向电力安全的智能视频分析解决方案
  5. 葡萄保护袋、葡萄套袋、水果保护袋、果袋
  6. OpenCart之横幅广告(Banner)使用教程
  7. .js/.jsx/.ts/.tsx
  8. 关注融入到我们生活当中方方面面的人工智能
  9. 基于springboot+vue的积分兑换系统
  10. 职业程序员必看之文章