自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

小银

只有会造轮子,才能更好的使用别人的轮子和改造别人的轮子

  • 博客(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实战教程71-K线图附图双坐标配置

双坐标显示

2024-04-10 20:56:15 54

原创 HQChart实战教程70-K线图增加成本线

这里我们使用Y轴自定义刻度来做成本线教程详情HQChart使用教程50-Y轴自定义刻度设置说明。

2024-03-13 18:04:20 57

原创 HQChart实战教程69-分时图主图如何设置指标

分时图主图显示指标

2024-02-18 22:55:38 84

原创 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支持的画图工具列表

不与K线缩放绑定左箭头右箭头上箭头下箭头。

2023-10-12 10:18:50 379

原创 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报价列表高级应用教程7-创建走势图列

报价列表走势图列

2023-04-14 21:03:27 540

原创 HQChart实战教程60-如何定制十字光标输出内容

定制HQChart十字光标输出内容

2023-04-11 11:30:40 520

原创 HQChart实战教程59-深度图定制Tooltip输出内容

自定义深度图tooltip内容

2023-04-04 14:24:57 197

原创 HQChart报价列表高级应用教程6-自定义列数据对接

HQChart报价列表自定义列配置

2023-03-20 23:25:18 301

原创 HQChart报价列表高级应用教程5-自定义单元格文字颜色

如何设置单元格字体颜色

2023-03-20 13:57:04 281

原创 HQChart麦语法内置函数帮助文档

hqchart指标函数帮助文档

2023-02-20 16:38:42 3522

原创 HQChart实战教程58-K线主图仿tradingview

K线图和成交量柱子显示在一起

2023-01-29 22:49:59 1033

原创 HQChart报价列表高级应用教程4-股票名称增加类型图标

报价列表

2023-01-15 11:09:14 239

原创 HQChart实战教程57-远程指标提示信息

远程指标提示信息配置

2023-01-11 23:46:30 233

原创 HQChart报价列表高级应用教程3-雪球数据对接报价列表uniapp版本

hqchart如何在uniapp上使用报价列表

2023-01-10 22:52:38 664

原创 HQChart实战教程56-限制指标周期

指标周期限制设置

2023-01-07 17:29:22 528

原创 HQChart实战教程55-heatmap热力图

orderbook heatmap

2022-12-28 13:31:32 679

原创 HQChart实战教程54-renko砖形K线图

renko砖形K线图

2022-12-27 22:11:54 684

原创 简单的js开发- js文件合并

js开发

2022-11-05 13:50:22 706

原创 HQChart使用教程30-K线图如何对接第3方数据36--散点图

散点图

2022-09-19 23:43:33 507

原创 HQChart使用教程96-指标图形双击

新版的HQChart增加了鼠标点击选中图形功能,可以选中K线,叠加K线,指标线段等。也支持拖拽指标图形到不同的指标窗口。

2022-07-12 07:46:03 807

原创 行情绘图课程大纲1-基础知识

基础知识1

2022-06-12 23:40:34 214

原创 HQChart钉钉小程序教程1-创建K线图

使用HQChart插件创建K线图小程序例子

2022-06-10 18:37:40 1105

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

HQChart使用教程30-K线图如何对接第3方数据35-固定范围成交量分布图数据固定范围成交量分布图创建固定范围成交量分布图第3方数据替换协议名称-成交量分布图下载协议日志截图RequestVolProfile返回json数据结构codeDataMaxPrice MinPricePriceOffset基础配色QQ群: 950092318HQChart代码地址固定范围成交量分布图成交量分布图是一项高级图表研究,显示指定时间段内指定价格水平的交易活动。这项研究(考虑了用户定义的参数,例如行数和时间段)在图

2022-05-28 17:33:39 853

HQChart美股分时图h5页面

HQChart对接第3方美股分时数据教程,使用东方财富网页数据做为测试数据源。 npm run dev 启动

2021-10-11

HQChart分钟K线图(Vue)

股票K线图对接第3放数据样例, VUE2版本,使用东方财富网页数据 npm run dev 启动

2021-10-03

HQChart日K线图(Vue)

股票K线图对接第3放数据样例, VUE2版本,使用东方财富网页数据 npm run dev 启动

2021-10-02

HQChart5日分时图(Vue)

股票实时5日分时图对接样例, VUE2版本 npm run dev 启动

2021-09-14

HQChart分时图(Vue)

股票实时分时图对接样例, VUE2版本. npm run dev 启动

2021-09-13

K线图,走势图,支持通达信语法

开源地址:https://github.com/jones2000/HQChart 目录结构 webhqchart.demo 页面行情测试用例 |--jscommon 行情前端js代码 是webhqchart的一个拷贝 |--demo 测试用 *注意! 目前代码使用了ES6的特性, 所有会导致有些老的浏览器无法显示, 需要使用Babel转成es5 功能: 1. K线图 支持前复权,后复权 支持日线,月线,周线,年线. 主图支持股票叠加 支持常用指标指标(目前以录入系统指标85个) 均线,BOLL,MACD,KDJ,VOL,RSI,BRAR,WR,BIAS,OBV,DMI,CR,PSY,CCI, DMA,TRIX,VR,EMV,ROC,MIM,FSL,CYR,MASS,WAD,CHO ..... 支持画图工具(小程序不支持) 线段,射线,矩形,圆弧线 支持区间统计, 区间形态匹配 (微信小程序版本不支持) 数据鼠标左右拖拽移动, 键盘移动十字光标移动,键盘缩放 支持通达信语法指标 2. 走势图 支持指标 支持沪深和港股 分钟数据显示 支持多日分钟数据显示

2018-11-30

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除