- 博客(295)
- 资源 (6)
- 收藏
- 关注
RSS订阅
原创 HQChart使用教程63-uniapp使用renderjs+hqchart(h5)
HQChart使用教程63-uniapp使用renderjs+hqchart序步骤1. 安装依赖模块2. 创建 renderjs qhchart模块3. 使用HQChartCtrl对hqchart进行简单的封装4. page页面创建一个view元素绑定到HQChartCtrl5. 分时K线切换说明HQChart代码地址如果教程或hqchart对你有帮助， 请在git上star，教程点下赞 。谢谢~~序uniapp的画布实在是太烂了， 导致app很卡， 但是h5页面却很流畅，如果可以直接在uniapp里使
2020-06-23 23:23:34
4830
原创 HQChart实战教程14-K线图对接第3方http/https数据教程整理
HQChart实战教程14-K线图对接第3方http/https数据教程整理序对接步骤1. 确定数据品种2.确定K线周期数据3.hqchart数据对接接口4. 日线数据对接5. 分钟K线数据对接6. 自动更新7.小程序和uniapp注意点8. 释放hqchart实例HQChart代码地址序数据对接的教程我在之前的教程中都写了， 只是教程比较多。 群里经常有朋友问如何对接。 这里我整理了一下，并把对应步骤的详细教程的链接也贴上。方便大家查阅。注意！！ 请大家仔细看教程，对接第3方数据功能肯定是没有问题的
2020-05-11 23:39:53
3602
原创 HQChart使用教程60-新版k线训练使用教程
HQChart使用教程60-新版k线训练使用教程样例页面K线训练重构创建K线图操作接口下一个K线自动/停止自动移动K线买卖股票K线移动监听事件买卖数据计算K线背景色设置功能完整代码HQChart代码地址如果教程或hqchart对你有帮助， 请在git上star，教程点下赞 。谢谢~~样例页面手机端页面 https://opensource2.zealink.com/hqweb/demo/dem...
2020-04-26 03:15:00
4489
2
原创 HQChart使用教程4- 如何自定义K线图颜色风格
如何自定义K线图颜色风格切换整体风格函数前几章教程 我们都使用了白色风格的K线图，可能有的小伙伴需要黑色风格或自定义颜色风格， 下面我以切换到黑色风格为例子。效果图切换整体风格函数JSChart.SetStyle(blackStyle) 这个类静态函数是用来控制全局颜色配置......
2019-05-17 10:17:01
12153
2
原创 HQChart使用教程1- 如何快速创建一个K线图页面
快速创建一个K线图页面HQChart介绍demo页面代码Option的配置项说明效果图HQChart介绍功能: 提供K线，走势图， 支持通达信语法指标（麦语法), 画图工具，等等…支持PC端页面， 小程序，手机端页面。地址：https://github.com/jones2000/HQChartdemo页面代码git下载代码 在webhqchart.demo\demo 目录下创建一......
2019-05-16 21:35:58
36539
13
原创 HQChart使用教程46-K线图如何对接第3方数据42-DRAWTEXT_LINE数据结构
当COND条件满足时,在PRICE位置沿水平方向最左边显示文字text, 字体颜色textcolor， 字体大小fontSize, 绘制水平线(linetype=0不画水平线 1=实线， 2=虚线）,linecolor线段颜色。用法：DRAWTEXT_LINE(COND,PRICE, text,textcolor,fontSize,linetype,linecolor)
2025-03-20 10:57:07
129
原创 HQChart使用教程30-K线图如何对接第3方数据45- DRAWRADAR数据结构
DRAWRADAR是hqchart插件独有的绘制雷达图函数，可以通过麦语法脚本来绘制一个简单的雷达图数据。下面是一个简单的绘制雷达图指标脚本。雷达图显示的位置固定在右上角。这个函数也支持后台数据对接。
2025-01-22 16:42:15
283
原创 HQChart使用教程30-K线图如何对接第3方数据44-DRAWPIE数据结构
DRAWPIE是hqchart插件独有的绘制饼图函数，可以通过麦语法脚本来绘制一个简单的饼图数据。下面是一个简单的绘制表格的指标脚本。饼图显示的位置固定在右上角。这个函数也支持后台数据对接。
2025-01-08 11:08:15
315
原创 HQChart使用教程30-K线图如何对接第3方数据43-DRAWTABLE数据结构
DRAWTABLE是hqchart插件独有的绘制表格函数，可以通过麦语法脚本来绘制一个简单的表格数据。下面是一个简单的绘制表格的指标脚本。表格显示的位置固定在右上角。这个函数也支持后台数据对接。
2024-12-26 22:06:16
248
原创 HQChart使用教程30-K线图如何对接第3方数据42-DRAWTEXTREL,DRAWTEXTABS数据结构
在图形窗口(X,Y)坐标位置书写文字TEXT，坐标单位是窗口沿水平和垂直方向的1/1000，X、Y取值范围是0—999,超出范围则可能显示在图形窗口外。在图形窗口(X,Y)坐标位置书写文字TEXT，坐标单位是像素,图形窗口左上角坐标为(0,0)Point: {X: 500, Y: 500 } 显示位置坐标。Point: {X: 500, Y: 500 } 显示位置坐标。文字上下对其方式, 数值类型。文字上下对其方式, 数值类型。文字左右对齐方式，数值类型。HQChart代码地址。
2024-12-13 10:58:02
956
原创 HQChart使用教程104-成交量单位统一管理说明
每个品种都有自己的默认数量单位， 可能会跟原始的数量单位不一致， 比如A股的数量单位是股， 但我们一般展示会使用手（1手=100股）。这样就会有一个转换的单位过程。重载MARKET_SUFFIX_NAME.GetVolUnit(upperSymbol) 就可以。,它会返回这个品种原始数据单位跟显示的数据单位的比值。HQChart插件内置一个获取单位的函数。如果需要加其他品种的单位。交流方式见git首页。
2024-11-14 23:58:58
443
原创 HQChart使用教程103-内置对话框[2.0]设置1-K线tooltip显示自定义字段
事件名称，提示框显示的时候会触发这个监听事件。HQChart使用教程5- K线图控件操作函数说明//部分示例},.......//设置K线配置回调函数格式event:事件信息data: { AryText:需要显示的数据, Data:当前K线数据, HQChart:插件实例 }obj: tooltip实例//显示的数据//K线数据//字段格式var item=Title:"字段1", //名称Text:'99999万', //内容。
2024-11-12 11:02:03
498
原创 HQChart使用教程102-内置对话框设置及说明
直接用js手动创建全局的DOM，可以全屏拖动。默认这些对话框都是关闭的，需要手动开启才能使用。鼠标在图形上显示提示信息， 如K线上， 图标，信息地雷上等等。指标切换，增加叠加指标，增加指标窗口都会调用这个对话框。显示十字光标所在位置的K线或分时信息。交流QQ群：719525615。
2024-11-08 11:57:39
526
原创 MFC项目如何使用hiredis库连接redis
最近需要在windows PC终端读取redis数据。我这里使用连接redis. 工程是vs2022开发的。
2024-10-09 18:09:59
1039
原创 HQChart实战教程77-手动创建线段类画图工具
通过AddChartDrawPicture()把线段添加到插件里面，函数返回线段的实例。这个变量数据里面， ClassName就是对应的类名。在K线的上任意的2个时间点绘制一个连线，效果见下图。下面已线段为例子，其他的2个点的图形，都是一样的。只要是2个点的图形， 都可以使用下面的方法创建。
2024-09-13 01:42:06
366
原创 HQChart使用教程101-创建内置键盘精灵
目前内置1.0版本只支持切换股票， 后续会增加快捷键，切换指标等功能。键盘精灵是一种便捷操作软件的功能工具，通过按键实现快速功能操作。如果还有问题可以加交流QQ群， 群号在git首页可以找到。“mousedown” 用来处理点击其他区域隐藏键盘精灵。“keydown” 用来处理键盘输入。设置键盘精灵选中事件。
2024-08-19 23:05:51
790
原创 HQChart实战教程76-自定义Y轴刻度线
在K线图上，通过绘制一些特殊的刻度线来标识状态。我们可以通过SetOption里面设置，也可以通过回调函数动态设置。本教程是使用回调函数动态设置。K线实例， 可以通过它获取K线信息。存放自定义刻度，数组类型。事件注册可以参看教程。
2024-08-06 11:13:36
188
原创 HQChart实战教程75-分时图回放
HQChart通过把所有分时图数据下载到本地以后，使用定时器根据一定的步长进行回放。在加载分时图数据的时候，把数据在本地保存一份。函数，把分时数据设置到图形里面。， 定时把分时图数据给图形。
2024-07-25 10:17:59
305
原创 HQChart实战教程74-自定义指标标题栏
指标标题栏显示的是当前十字光标所在位置的指标输出的线段或柱子的信息，显示在指标窗口顶上。一般显示一个图形一组数据，如果要自定义输出数据的格式，就需要通过替换格式化标题输出函数来是现实。Index:指标数据索引， 一个指标可以输出多条线段数据，这个索引是对应当前是输出条线段的。下图是一个自定义格式输出标题栏的效果图 (输出线段的名称和数据使用不同的颜色显示）DataIndex:十字光标对应的数据索引。Item: 当前输出线段的信息。，如何注册监听事件见教程。FrameID 窗口索引。
2024-07-17 11:18:33
671
原创 HQChart报价列表高级应用教程7-走势列数据对接
配置一列REPORT_COLUMN_ID.CLOSE_LINE_ID的字段就可以了。IsDrawArea:表示是否绘制面积图(PC端才有效)单独使用一列显示每个股票的走势图。下面是一个列子，数据是随机生成。为基础， 增加一列走势字段。对应字段的索引是32。
2024-07-03 22:33:40
578
原创 HQChart使用教程30-K线图如何对接第3方数据41-分钟K线叠加股票增量更新
8=时间格式 hhmm 如(925=>9:25) 如果是秒数据格式 hhmmss 如 123106=>12:31:06。主图股票+叠加的股票列表，是一个数组 [0]=主图的股票 其他的都是叠加的股票。0=日期 格式YYYYMMDD 如20190229=》 2019-02-29。” 这个接口把主图增量K线和叠加增量K线一起给插件的.叠加K线以后， 叠加的K线是通过“多个叠加股票的增量数据。需要更新的分钟K线数据。9=持仓量（期货才有)
2024-06-26 20:18:26
756
原创 HQChart使用教程30-K线图如何对接第3方数据40-日K叠加股票增量更新
date=交易日期 格式 yyyymmdd 20191011=>2019-10-11。主图股票+叠加的股票列表，是一个数组 [0]=主图的股票 其他的都是叠加的股票。time= 交易时间 格式 mmhhss 150003=>15:00:03。” 这个接口把主图增量K线和叠加增量K线一起给插件的.叠加K线以后， 叠加的K线是通过“主图+叠加的股票的当日数据。amount=成交金额。price=最新价格。yclose=前收盘。
2024-06-26 20:09:12
674
原创 HQChart实战教程73-仿tradingview指标MACD
把上面的指标添加到HQChart的系统指标里面，这样图形上就可以直接使用了。具体见教程HQChart使用教程28-如何创建系统指标。
2024-06-17 16:28:45
836
原创 HQChart使用教程100-自定义Y轴分段背景色
事件ID如何注册事件详见教程HQChart使用教程5- K线图控件操作函数说明中的注册K线图事件监听},
2024-06-06 14:18:43
478
原创 HQChart小程序教程4-动态控制手势滚动页面
根据官方文档，disable-scroll 属性是控制画布手势是否可以滚动页面。这里我在手势点击画布的时候，做一个是否开启|关闭滚动页面的逻辑。如果还有问题可以加交流QQ群， 群号在git首页可以找到。
2024-06-06 12:50:08
675
原创 HQChart使用教程100-uniapp如何在vue3运行微信小程序
查了下资料，这个Proxy是vue3特有的，我们只要让它不生成这个Proxy就可以解决这个报错。通过uniapp编译出来的小程序没有”markRaw“这个函数， 看了下uniapp自动生成的verndor.js，内部是有markRaw，只是没有导出，手动加上吧，并且在调用markRaw的地方加上导出的名称。获取画布节点，并且把这个节点赋值给一个变量（this.CanvasNode），由于vue3导致this.CanvasNode最后的值不是原始节点，而是一个Proxy的封装的数值。
2024-05-30 01:52:00
903
原创 HQChart使用教程99-K线窗口设置上下间距
HorizontalReserved：{ Top:顶部预留 , Bottom:底部预留 } ，可以只填一个，或2个都填。顶部预留间距(3)和底部预留间距(5) 这个部分是算在Y轴坐标上的。
2024-05-28 18:04:42
508
原创 HQChart实战教程72-美股盘前,盘中,盘后分时图
在美国东部时间上午9:30至下午4:00的正常交易时间之外，投资者可以选择在盘前交易时间和盘后交易时间进行交易。盘前交易可在美国东部时间上午4:00至9:30之间进行，而盘后交易时段则从美国东部时间下午4:00至晚上8:00。由于HQChart分时图对一个股票只能有1个交易坐标轴，为了显示盘前，盘后等不同时间段，我们需要给股票代码增加一个2级后缀，通过这后缀来区分是盘前，盘后等状态。我们可以通过一个函数来获取交易时间类型，这样根据不同的交易时间类型，返回对应的交易时间就可以。以微软的股票代码为例子。
2024-05-14 21:30:44
515
原创 HQChart使用教程98-右键菜单2.0使用介绍
data={ CommandID:菜单ID, Args:参数，SrcData：原始数据, PreventDefault:是否阻止默认事件 }如果不希望使用内置菜单，可以通过关闭内置右键菜单，然后注册右键事件直接在外部自己做。启动内置菜单2.0版本，(内置菜单也可以用在其它如下拉菜单等地方)HQChart h5版本内置提供一个仿通达信的右键菜单。下面的例子就是在内置的菜单里面增加一项“自定义菜单项"菜单。在创建右键菜单回调事件我们可以手动修改菜单显示的内容。所有菜单事件都会触发这个回调。
2024-05-14 10:34:41
987
原创 HQChart实战教程68-自定义分时图PC端tooltip显示数据
hqchartPC端内置一个tooltip，显示十字光标所在分钟线的信息。默认显示 日期，时间，价格，均价，涨幅，成交量，成交金额。如果要额外显示其他的字段，就需要通过替换格式化标题输出函数来是现实。返回 AryText:[ { Text:文字, TextColor:颜色， Title:标题, TitleColor:标题颜色 }，…我们在hqchart实例创建完成以后,通过OnCreatedCallback回调函数替换自己的格式化输出函数。数据结构见 MinuteData()
2023-11-02 14:47:43
512
原创 HQChart实战教程67-worker批量计算股票指标
Worker 接口是 Web Workers API 的一部分，指的是一种可由脚本创建的后台任务，任务执行中可以向其创建者收发信息。
2023-11-01 17:23:47
437
原创 HQChart使用教程97-K线X轴滚动条
在创建完K线图和滚动条以后需要互相绑定，这样两个图形才能互相联动.通过OnCreatedCallback创建完成回调函数来完成绑定。滚动条是一个独立的画布， 所有需要新建一个新的div。通过setoption来创建滚动条。
2023-10-31 10:00:30
440
原创 HQChart实战教程66-动态调整HQChart布局大小
调整画布大小，并把当前的画布大小设置到hqchart里面，然后调用hqchart实例的OnSize()函数就可以。调整画布大小，并把当前的画布大小设置到hqchart里面，然后调用hqchart实例的OnSize()函数就可以。在不销毁hqchart实例的情况下，动态调整K线图或分时图的大小， 如下图，把图1的K线图大小调整为图2的大小。调整绑定的div的大小 然后调用hqchart实例的OnSize()函数就可以。
2023-10-12 22:57:43
538
原创 HQChart使用教程30-K线图如何对接第3方数据39-缩放下载K线数据历史数据
在SetOption里面配置开启， 默认是关闭的，具体SetOption的使用见教程。缩小K线时，如果内存中的K线数据不能撑满一屏时，触发下载更多的历史数据回调事件。目前第1天的日期，下载这个日期往前的日K数据。0=日期 yyyymmdd。0=日期 yyyymmdd。
2023-08-18 10:06:24
449
K线图，走势图，支持通达信语法
2018-11-30
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人