- 博客(269)
- 资源 (6)
- 收藏
- 关注
原创 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 4363
原创 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 3148
原创 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 3922 1
原创 HQChart使用教程4- 如何自定义K线图颜色风格
如何自定义K线图颜色风格切换整体风格函数前几章教程 我们都使用了白色风格的K线图,可能有的小伙伴需要黑色风格或自定义颜色风格, 下面我以切换到黑色风格为例子。效果图切换整体风格函数JSChart.SetStyle(blackStyle) 这个类静态函数是用来控制全局颜色配置......
2019-05-17 10:17:01 10831 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 31507 9
原创 HQChart实战教程68-自定义分时图PC端tooltip显示数据
hqchartPC端内置一个tooltip,显示十字光标所在分钟线的信息。默认显示 日期,时间,价格,均价,涨幅,成交量,成交金额。如果要额外显示其他的字段,就需要通过替换格式化标题输出函数来是现实。返回 AryText:[ { Text:文字, TextColor:颜色, Title:标题, TitleColor:标题颜色 },…我们在hqchart实例创建完成以后,通过OnCreatedCallback回调函数替换自己的格式化输出函数。数据结构见 MinuteData()
2023-11-02 14:47:43 274
原创 HQChart实战教程67-worker批量计算股票指标
Worker 接口是 Web Workers API 的一部分,指的是一种可由脚本创建的后台任务,任务执行中可以向其创建者收发信息。
2023-11-01 17:23:47 278
原创 HQChart使用教程97-K线X轴滚动条
在创建完K线图和滚动条以后需要互相绑定,这样两个图形才能互相联动.通过OnCreatedCallback创建完成回调函数来完成绑定。滚动条是一个独立的画布, 所有需要新建一个新的div。通过setoption来创建滚动条。
2023-10-31 10:00:30 239
原创 HQChart实战教程66-动态调整HQChart布局大小
调整画布大小,并把当前的画布大小设置到hqchart里面,然后调用hqchart实例的OnSize()函数就可以。调整画布大小,并把当前的画布大小设置到hqchart里面,然后调用hqchart实例的OnSize()函数就可以。在不销毁hqchart实例的情况下,动态调整K线图或分时图的大小, 如下图,把图1的K线图大小调整为图2的大小。调整绑定的div的大小 然后调用hqchart实例的OnSize()函数就可以。
2023-10-12 22:57:43 331
原创 HQChart使用教程30-K线图如何对接第3方数据39-缩放下载K线数据历史数据
在SetOption里面配置开启, 默认是关闭的,具体SetOption的使用见教程。缩小K线时,如果内存中的K线数据不能撑满一屏时,触发下载更多的历史数据回调事件。目前第1天的日期,下载这个日期往前的日K数据。0=日期 yyyymmdd。0=日期 yyyymmdd。
2023-08-18 10:06:24 268
原创 HQChart使用教程30-K线图如何对接第3方数据38-通达信指标K线数据
通达信指标计算过程中会用到K线数据,一般这样K线数据直接通过界面的K线指标传给指标计算引擎不需要额外在去请求这个数据。单有时候当界面没有这个k线数据时,就需要在指标计算引擎中请求这个数据,如跨周期函数。Start :{ Date: 起始日期, Time:时间 (分钟K线才有) }End:{ Date: 结束日期, Time:时间 (分钟K线才有)}分钟K线显示为: “分钟K线数据”日K线数据显示为: “日线数据”0=日期 yyyymmdd。0=日期 yyyymmdd。symbol 股票代码。
2023-06-28 16:32:54 410
原创 HQChart实战教程65-自定义手机端分时图tooltip显示数据
hqchart手机端内置一个tooltip,显示手势所在K线的信息。默认显示 日期,时间,价格,均价,涨幅,成交量,成交金额。如果要额外显示其他的字段,就需要通过替换格式化标题输出函数来是现实。返回 { AryText:[ { Text:文字, Color:颜色, Title:标题, TitleColor:标题颜色 },…我们在hqchart实例创建完成以后,通过OnCreatedCallback回调函数替换自己的格式化输出函数。入参 data={ Data: 当前十字光标所在位置的K线 }
2023-06-21 13:16:06 488
原创 HQChart实战教程64-自定义分时图标题栏
分时图标题栏显示的是当前十字光标所在位置的分钟信息,显示在分时图窗口顶部。一般会显示品种的名称,日期,时间,价格,均价 涨幅,成交量,金额等等,hqchart内置会显示这些信息。如果要额外显示其他的字段,就需要通过替换格式化标题输出函数来是现实。我们在hqchart实例创建完成以后,通过OnCreatedCallback回调函数替换自己的格式化输出函数。返回 { AryText:[ { Text:文字, Color:颜色},…入参 data={ Data: 当前十字光标所在位置的分钟线 }
2023-06-21 04:44:23 416
原创 HQChart使用教程30-K线图如何对接第3方数据37-如何绘制圆点
步骤和第3方指标替换一样, 通过网络协议回调,知道需要执行的指标, 替换自己的数据。这里就不说了, 不知道的看以下2个教程。填’MULTI_POINT’ 固定。固定 ‘MULTI_POINT’绘制的自定义点数组, 支持多组点。交流群在git首页上。
2023-06-16 13:11:58 334
原创 HQChart实战教程63-自定义手机端K线tooltip显示数据
hqchart手机端内置一个tooltip,显示手势所在K线的信息。默认显示 日期,时间,开,高,低,收,涨幅,成交量,成交金额,换手率。如果要额外显示其他的字段,就需要通过替换格式化标题输出函数来是现实。返回 { AryText:[ { Text:文字, Color:颜色, Title:标题, TitleColor:标题颜色 },…我们在hqchart实例创建完成以后,通过OnCreatedCallback回调函数替换自己的格式化输出函数。入参 data={ Data: 当前十字光标所在位置的K线 }
2023-06-14 14:20:43 584
原创 HQChart实战教程62-自定义K线标题栏
K线标题栏显示的是当前十字光标所在位置的K线信息,显示在K线窗口顶部。一般会显示品种的名称,周期,开,高,低,收,成交量,金额等等,hqchart内置会显示这些信息。如果要额外显示其他的字段,就需要通过替换格式化标题输出函数来是现实。我们在hqchart实例创建完成以后,通过OnCreatedCallback回调函数替换自己的格式化输出函数。返回 { AryText:[ { Text:文字, Color:颜色},…入参 data={ Data: 当前十字光标所在位置的K线 }
2023-06-12 18:38:55 760
原创 HQChart实战教程61-自定义十字星K线颜色
十字星是一种K线基本型态。十字星,是一种只有上下影线,没有实体的K线图。开盘价即是收盘价,表示在交易中,股价出现高于或低于开盘价成交,但收盘价与开盘价相等。其中:上影线越长,表示卖压越重。下影线越长,表示买盘旺盛。通常在股价高位或低位出现十字线,可称为转机线,意味着出现反转。HQChart也支持自定义十字星颜色来满足其他需求。, 在绘制十字星前会触发这个事件。如果还有问题可以加交流QQ群: 950092318。HQChart提供外部自定义十字星的监听事件。一般十字星K线是固定一个颜色的, 如下图。
2023-05-08 10:48:12 578 1
原创 HQChart使用教程96-指标图形双击
新版的HQChart增加了鼠标点击选中图形功能,可以选中K线,叠加K线,指标线段等。也支持拖拽指标图形到不同的指标窗口。
2022-07-12 07:46:03 807
原创 HQChart使用教程30-K线图如何对接第3方数据35-固定范围/可视范围成交量分布图数据
HQChart使用教程30-K线图如何对接第3方数据35-固定范围成交量分布图数据固定范围成交量分布图创建固定范围成交量分布图第3方数据替换协议名称-成交量分布图下载协议日志截图RequestVolProfile返回json数据结构codeDataMaxPrice MinPricePriceOffset基础配色QQ群: 950092318HQChart代码地址固定范围成交量分布图成交量分布图是一项高级图表研究,显示指定时间段内指定价格水平的交易活动。这项研究(考虑了用户定义的参数,例如行数和时间段)在图
2022-05-28 17:33:39 853
K线图,走势图,支持通达信语法
2018-11-30
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人