小银

双坐标显示

HQChart实战教程53-指定标识K线区间段背景颜色需求效果图步骤1. 创建K线背景色标识类ExtendChart获取K线背景色标识类实例设置K线背景色数据结构设置K线背景色数据交流QQ群: 950092318HQChart代码地址完整的示例代码需求动态标识某一个K线区间段的背景颜色（如标识2022-4-01到2022-5-01这个区间段的K线背景色为黄色）， 已达到醒目提示效果。效果图步骤hqchart内置一个K线背景色标识的绘制类，我们可以用它来控制K线的背景颜色1. 创建K线背景色标识

HQChart实战教程52-APP中使用DRAWICON绘制图标效果图预备知识点步骤1. 创建N个图片DOM缓存池2. 注册事件3. DRAWICON回调绑定4. 外部渲染图标5. 退出销毁交流QQ群: 950092318HQChart代码地址完整的示例代码效果图测试指标脚本均价:(H+L)*0.5;均价最高:=HHV(均价,10);DRAWICON(C>均价最高,H,1),VALIGN0;预备知识点HQChart使用教程91-如何在app中使用DRAWICON绘制图片步骤1.

HQChart实战教程51-自定义指标列表效果图步骤1. 注册初始化完成事件2. 重载内置的指标窗口高度分配计算函数3.绘制自定义指标tab交流QQ群: 950092318HQChart代码地址完整实例代码效果图在特定的指标窗口下增加一栏指标列表的tab列表步骤1. 注册初始化完成事件在setoption里面设置图形创建完成回调（OnCreatedCallback）详见教程 HQChart使用教程1- 如何快速创建一个K线图页面this.Create=function() //创建图形{

HQChart实战教程50-自定义指标栏工具按钮指标栏工具按钮自定义按钮步骤自定义按钮结构添加按钮清空自定义按钮交流QQ群: 950092318HQChart代码地址完整例子指标栏工具按钮每个指标窗口上面的右边部分是用来放按钮的， 只能是有切换指标，关闭窗口，修改参数，叠加指标4个按钮，如下图。也可以增加自己的自定义按钮.自定义按钮步骤每个指标窗口都有一个自定义按钮数组CustomToolbar[]. 往里添加按钮项就可以。自定义按钮结构[ { ID:按钮id （注意H

HQChart实战教程49-点击修改K线颜色及背景色需求效果图步骤1. 注册点击监听事件2. 修改K颜色添加一个自定义颜色的K线klineoption清空所有自定义颜色的K线option交流QQ群: 950092318HQChart代码地址完整例子需求对点击的K线修改颜色。效果图步骤1. 注册点击监听事件事件ID JSCHART_EVENT_ID.ON_CLICK_CHART_PAINT,注册监听事件见教程 HQChart使用教程5- K线图控件操作函数说明this.Create=func

HQChart实战教程48-远程指标获取当前屏K线的范围需求效果图相关教程步骤1. 配置远程叠加指标2. 对接计算远程指标3. 计算远程指标获取K线图实例获取所有的K线数据获取当前屏K线范围的索引指标计算例子交流QQ群: 950092318HQChart代码地址完整例子需求后台指标计算的时候需要用到当前屏的K线范围，从而计算当前屏K线的最大，最小，平均值,显示在主图指标中。效果图相关教程HQChart使用教程49-指标配置项说明HQChart使用教程30-K线图如何对接第3方数据10-如何绘制

HQChart实战教程46-十字光标右侧按钮点击增加刻度线功能介绍启动十字光标按钮注册按钮监听事件点击回调函数交流QQ群: 950092318HQChart代码地址完整的例子代码功能介绍点击十字光标右侧按钮以后， 自动在鼠标点击的位置上增加一条刻度线，并标识当前的价格效果图如下启动十字光标按钮CorssCursorInfo.RightButton.Enable:true =true 开启按钮功能详见 HQChart使用教程21-十字光标设置说明this.Option= { Type:

HQChart实战教程45-自定义指标窗口背景自定义指标窗口背景步骤1. 初始化创建自定义背景图DOM绘制自定义背景图DOM自定义背景图DOM实现交流QQ群: 950092318HQChart代码地址自定义指标窗口背景有时候我们需要在指标窗口绘制一些图片，文字， 如水印，选中背景等等功能。 HQChart内部是使用画布绘制图形的， 如果加入这些定制化的东西会影响显示效率。所以HQChart内置是不支持这些功能。我们可以通过增加DOM的来显示这些定制化的东西，这样也不会影响画布绘图。＃效果图ｄｅｍｏ

HQChart实战教程44-多指标窗口动态增长高度多指标窗口1. 注册初始化完成事件2. 重载内置的指标窗口高度分配计算函数3. 动态计算指标窗口一共的高度4. 每个指标窗口高度计算函数大概的流程图交流QQ群: 950092318HQChart代码地址个人爱好(模型/摄影)多指标窗口hqchart支持在一个hqchart里面显示多个指标窗口， 默认总的窗口高度是固定的，这样当随着指标窗口增多，但总的窗口不变， 会导致指标窗口高度越来越少，影响体验。如何让总的窗口高度可以动态增长呢？看本教程。效果图链接

HQChart实战教程43-K线面积图最后一个数据增加动画点动画效果步骤1. 注册K线面积图最后一个点的位置信息回调事件2. ON_DRAW_KLINE_LAST_POINTeventdata3. 回调事件实现4. 开启定时器5. 切换股票交流QQ群: 950092318HQChart代码地址完整代码动画效果10143版本以后才支持。 h5支持， app不支持。在K线面积图最后一个点的数据增加点闪动效果通过在画布上层增加一个， 让定时变色就可以达到闪动效果步骤1. 注册K线面积图最后一个点的位

HQChart实战教程40 - 如何制作hqchart组件 uniapp版本hqchart组件预备知识样例效果图组件创建步骤1 创建组件模板元素注意点2. 创建hqchart实例容器注意点3. 创建hqchart配置数据图形大小idsymbolChartType配置3. 初始化传参4. hqchart全局实例管理5. app绑定画布手势6. 对外接口说明SetSizeClearChartChangeKLinePeriodChangeMinutePeriodChangeKLineIndexChangeSym

HQChart实战教程39-K线图键盘事件重载内置键盘事件步骤样例地址交流QQ群: 950092318HQChart代码地址样例源码内置键盘事件HQChart内置处理了上下缩放和左右移动K线这4个键, 如果需要在K线内处理其他的键盘消息,需要重载内置的键盘处理函数. 内置的键盘处理函数名为OnKeyDown源码截图步骤备份内置的键盘处理函数使用新的键盘函数替换hqchart内置的键盘函数在新的键盘函数里处理键盘消息, 如果需要调用内置的,直接调用备份的老的键盘函数就可以.部分代码:t

HQChart实战教程36-A股后台指标对接-uniapp版本预备知识步骤1. 配置远程指标2. NetworkFilter截获后台指标请求3. 对接自己的后台指标4. 指标数据更新交流QQ群: 950092318HQChart代码地址完整代码index.vue600000_index.js600000_day.js预备知识HQChart使用教程30-K线图如何对接第3方数据5-指标数据HQChart使用教程30-K线图如何对接第3方数据9-BS指标数据HQChart使用教程30-K线图如何对接第

HQChart实战教程30-配置画图工具模板K线画图步骤ChartDrawStorageCache画图工具数据结构说明ClassNameSymbolGuidPeriodRightValueYValueDateTimeFrameIDLineColorLineWidthAreaColor加载画布工具交流QQ群: 950092318HQChart代码地址个人爱好(模型/摄影)K线画图有时候我们在展示指标的时候需要配合一些画图工具在K线图上绘制一些图形. 来达到醒目的效果这个图形或箭头是通过画图工具手动画上

HQChart实战教程29-指标参数保存到本地缓存指标参数缓存步骤1. 外部保存指标参数2. 替换指标切换函数3. 替换指标更新函数4. 页面启动的加载缓存交流QQ群: 950092318HQChart代码地址demo源码指标参数缓存页面可以记住用户修改指标的参数， 下次打开的指标的时候， 使用最后一个用户修改过的参数，而不是默认的参数值。步骤1. 外部保存指标参数在外部使用一个变量，用来缓存指标参数，可以保存到Storage，启动的时候可以重Storage读取。function KLineCh

HQChart实战教程28-动态切换颜色风格动态换肤步骤1. 准备多套配色方案2. 动态切换风格目前只支持h5， app，小程序不支持.交流QQ群: 950092318HQChart代码地址动态换肤通过按钮可以动态切换K线图风格。步骤1. 准备多套配色方案这里我就使用HQChart内置的2套配色， 黑色和白色import HQChart from 'hqchart'.............var WHITE_STYLE=null; //白色风格var BLOCK_STYLE=nul

hqchart事件注册详见教程HQChart使用教程5- K线图控件操作函数说明this.Create=function() //创建图形//设置K线配置。

HQChart实战教程26 - 自定义K线画图工具设置框 文本类画图工具图标类添加画图工具图标接口参数创建画图工具图标参数说明属性设置图标大小图标颜色其他属性交流QQ群: 950092318HQChart代码地址教程demo完整代码画图工具图标类通过在K线上标记图标, 来突出这个数据.如下图是tradvingview的图标的画图工具.hqchart内置了4个图标, 上下箭头,左右箭头,其他图标需要通过外部设置.添加画图工具图标接口//注册一个新图标 {Name:, Text: , Color:,

HQChart实战教程25 - 自定义K线画图工具设置框 文本类文字类画图工具预备知识文字类的属性设置默认文字属性Option参数说明LineColorTextFontOption修改文字属性步骤监听画图工具选中事件点击事件回调1. 回调参数说明2. 图形实例类说明SymbolPeriodVauleLineColorTextFontOptionPointExportStorageData()ValueToPoint()PointToValue()回调实例修改属性1. 线段颜色修改2. 文字内容修改3. 字体

HQChart实战教程24 - 自定义K线画图工具设置框画图工具画图工具K线上可以通过画图工具在屏幕中进行线段的绘制， 点击已绘制的线段，可以修改线段的颜色，宽度等属性。

HQChart实战教程23 - 点击K线显示历史分钟走势图需求步骤1. 注册K线点击监听事件2. 点击监听函数使用网路回调函数请求历史分钟交流QQ群：950092318HQChart代码地址实例完整代码需求点击某一天的K线，弹框显示这一天的走势图，一般PC端的行情软件是这样显示的hqchart也是可以实现这样的效果预备知识：HQChart使用教程67 - 鼠标点击K线柱子监听事件HQChart使用教程29-走势图如何对接第3方数据2-最新分时数据步骤1. 注册K线点击监听事件注册K线点击

HQChart实战教程22 - PC端定制区间选择菜单区间选择开启/禁用区间选择功能区间选择启动变量注册区间选择事件注册事件触发的回调函数格式关闭内置区间选中菜单鼠标点击事件其他交流QQ群示例源码HQChart代码地址区间选择hqchart内置区间选择菜单，和区间统计框，如果需要定制可以通过外部事件接口替换。开启/禁用区间选择功能默认使用鼠标左右拖拽是用来拖拽数据， 开始区间选择功能以后，左右拖拽就变成区间选择。区间选择启动变量DragMode 拖拽模式0 = 禁止拖拽1 = 数据拖拽2

HQChart实战教程21 - uniapp app端K线图定制tooltip序效果步骤2. 注册标题绘制事件3. 标题绘制回调函数格式说明eventdataobjtooltip显示函数完整代码HQChart代码地址序hqchartK线图内置一个tooltip， 如果需要定制一个tooltip, 我们可以通过注册绘制标题事件，来自己做一个div显示数据。参考教程HQChart实战教程7-自定义显示手势点击K线显示信息效果步骤在外部创建一个view，并在view里创建需要显示的信息字段. 例子里

HQChart实战教程21 - unapp app端分时图定制tooltip序效果步骤1. 创建一个外部tooltip的view2. 注册标题绘制事件3. 标题绘制回调函数格式说明eventdataobjtooltip显示函数完整代码HQChart代码地址序hqchart分时图是不带tooltip， 如果我们需要在app端显示tooltip，我们可以通过注册绘制标题事件，来自己做一个div显示数据。参考教程HQChart实战教程7-自定义显示手势点击K线显示信息效果步骤1. 创建一个外部too

HQChart实战教程20 - PC端K线图定制tooltip序效果PC端键盘功能说明步骤2. 注册标题绘制事件3. 标题绘制回调函数格式说明eventdataobjtooltip显示函数键盘事件处理完整代码HQChart代码地址序hqchartK线图内置一个tooltip， 如果需要定制一个tooltip, 我们可以通过注册绘制标题事件，来自己做一个div显示数据。参考教程HQChart实战教程7-自定义显示手势点击K线显示信息效果PC端键盘功能说明键盘ESC隐藏十字线和tooltip,键

HQChart实战教程19 - PC端分时图定制tooltip序效果步骤1. 创建一个外部tooltip的div2. 注册标题绘制事件3. 标题绘制回调函数格式说明eventdataobjtooltip显示函数HQChart代码地址序hqchart分时图是不带tooltip， 如果我们需要在PC端页面显示tooltip，我们可以通过注册绘制标题事件，来自己做一个div显示数据。参考教程HQChart实战教程7-自定义显示手势点击K线显示信息效果步骤1. 创建一个外部tooltip的div在外