HQChart实战教程53-动态指定标识K线区间段背景颜色

已于 2025-02-10 10:16:58 修改
阅读量1k 收藏
点赞数
分类专栏： hqchart高级应用教程 文章标签： javascript 前端 hqchart kline 股票
于 2022-05-03 17:52:33 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jones2000/article/details/124558493
版权
本文介绍了如何使用HQChart实战教程中的一种方法，动态地为股票K线图表指定特定区间段的背景颜色，以实现视觉提示。通过创建K线背景色标识类，设置扩展绘图类并在HQChart实例中获取绘图实例，然后设置数据结构来标记颜色区间，最终实现所需效果。示例代码和交流QQ群信息也一并提供。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

HQChart实战教程53-指定标识K线区间段背景颜色

需求

动态标识某一个K线区间段的背景颜色（如标识2022-4-01到2022-5-01这个区间段的K线背景色为黄色）， 已达到醒目提示效果。

效果图

在这里插入图片描述

步骤

hqchart内置一个K线背景色标识的绘制类，我们可以用它来控制K线的背景颜色

1. 创建K线背景色标识类

我们在SetOption里面的设置扩展绘图类的里面创建一个K线背景色标识类

this.Option= 
{
   
     Type:
了解本专栏 订阅专栏 解锁全文
HQChart实战教程49-点击修改K线颜色及背景色
小银
12-14 2313
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实战教程45-自定义指标窗口背景
小银
08-24 809
HQChart实战教程45-自定义指标窗口背景自定义指标窗口背景步骤1. 初始化创建自定义背景图DOM绘制自定义背景图DOM自定义背景图DOM实现交流QQ群: 950092318HQChart代码地址 自定义指标窗口背景 有时候我们需要在指标窗口绘制一些图片，文字， 如水印，选中背景等等功能。 HQChart内部是使用画布绘制图形的， 如果加入这些定制化的东西会影响显示效率。所以HQChart内置是不支持这些功能。 我们可以通过增加DOM的来显示这些定制化的东西，这样也不会影响画布绘图。 ＃效果图 ｄｅｍｏ
HQChart使用教程100-自定义Y轴分段背景色
最新发布
小银
06-06 499
事件ID如何注册事件详见教程HQChart使用教程5- K线图控件操作函数说明中的注册K线图事件监听},
HQChart使用教程88-DRAWTEXT添加背景色及边框
小银
02-25 2218
HQChart使用教程88-DRAWTEXT添加背景色及边框需求图DRAWTEXTBACKGROUND参数说明例子没有背景色，只有边框背景色，没有边框ALIGN1,VALIGN0小结交流QQ群: 950092318HQChart代码地址 需求图 DRAWTEXT 显示文字;在指标排序中显示字符串栏目. 用法: DRAWTEXT(COND,PRICE,TEXT),当COND条件满足时,在PRICE位置书写文字TEXT. 例如: DRAWTEXT(CLOSE/OPEN>1.08,LOW,‘大阳线’)表示
HQChart使用教程30-K线图如何对接第3方数据24-如何填充K线背景色
小银
01-08 1098
HQChart使用教程30-K线图如何对接第3方数据24-如何填充K线背景色效果图代码示例json结构说明nametypeDrawDraw.ColorDraw.DrawTypeDraw.DrawDataDraw.Angle交流QQ群HQChart代码地址 效果图 代码示例 function NetworkFilter(data, callback) { console.log('[NetworkFilter] data', data); if (data.Name=='APIScript
HQChart使用教程4- 如何自定义K线图颜色风格
热门推荐
小银
05-17 1万+
如何自定义K线图颜色风格切换整体风格函数 前几章教程 我们都使用了白色风格的K线图，可能有的小伙伴需要黑色风格或自定义颜色风格， 下面我以切换到黑色风格为例子。 效果图 切换整体风格函数 JSChart.SetStyle(blackStyle) 这个类静态函数是用来控制全局颜色配置 ......
HQChart实战教程61-自定义十字星K线颜色
小银
05-08 771
十字星是一种K线基本型态。十字星，是一种只有上下影线，没有实体的K线图。开盘价即是收盘价，表示在交易中，股价出现高于或低于开盘价成交，但收盘价与开盘价相等。其中：上影线越长，表示卖压越重。下影线越长，表示买盘旺盛。通常在股价高位或低位出现十字线，可称为转机线，意味着出现反转。HQChart也支持自定义十字星颜色来满足其他需求。， 在绘制十字星前会触发这个事件。如果还有问题可以加交流QQ群: 950092318。HQChart提供外部自定义十字星的监听事件。一般十字星K线是固定一个颜色的， 如下图。
HQChart实战教程28-动态切换颜色风格
小银
01-13 1013
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实战教程54-renko砖形K线图
小银
12-27 1024
renko砖形K线图
HQChart实战教程6-自定义分时图
小银
02-04 4123
HQChart实战教程6-自定义分时图分时图要求具体步骤步骤1(自定义品种后缀)步骤2(定义交易区间段）步骤3(定义X轴分割线)步骤4 （替换自定义品种接口函数）步骤5 （接口数据）完整代码 分时图 hqchart分时图是根据不品种，内置定义不同的交易时间段。 对于hqchart不包含的品种需要自己定义它的交易时间段和X轴刻度显示 要求 假设 XXYY品种交易时间段如下 8:00 -10:00 ,...
HQChart使用教程51-指标切换按钮事件说明
小银
11-21 1861
指标标题按钮事件
QChart修改标题颜色，修改X轴Y轴字体颜色
amxld的博客
01-22 6460
QChart修改标题颜色 我们在使用过程中，有时候需要去除chart的背景，填充我们自己的图片或者颜色。详细参考 https://blog.csdn.net/amxld/article/details/112712428 然后我们在填充背景后，发现字体显示颜色看不清楚，这时需要修改颜色，其实挺简单的，一位大佬的博文就解决这个问题。。。收费79？？？？，太贵了，就自己摸索。 chart()->setTitleBrush(QColor(255,255,255)); //设置标题颜色 ch
QtCharts：给QChartView换肤，换背景色添加背景图片
amxld的博客
01-16 7093
QChart背景设置换色换肤换背景 换色 setBackgroundBrush这种接口可以设置QChartView 背景色 首先，给QChart类去掉背景渲染： 换肤 QChart *chart = new QChart(); chart->setTheme(QChart::ChartThemeLight); 这里chart是你自检的chart 进入枚举一共有多个，可以自己看下，那个更适合。 换背景 下面展示一些 内联代码片。 chart->setBackgroundVisible(false
# C# Chart 折线图设置区域背景色
小-Z-仔的博客
07-20 5097
C# Chart 折线图设置区域背景色 在某些情况下需要将大于某数据阈值的部分设为不同的背景色，如将Y轴分为三个不同背景色的区间，而chart自带的控件似乎并不存在该设置，需要使用其他辅助设置，此处采用绘制线条的方法，设置一定的线条宽度，达到不同背景色的视觉效果，代码如下： /// <summary> /// 在Y轴上画一条平行于X轴的线 /// </summary> /// <param name="linePosition"
HQChart使用教程96-指标图形双击
小银
07-12 1012
新版的HQChart增加了鼠标点击选中图形功能，可以选中K线，叠加K线，指标线段等。也支持拖拽指标图形到不同的指标窗口。
HQChart使用教程58 - 如何在K线右侧绘制面积图(如深度图)
小银
03-22 2023
HQChart使用教程58 - 如何在K线右侧绘制面积图需求效果图demo页面步骤1. 配置一个深度图2. 设置数据3. 数据格式 需求 我们有的时候需要在K线图右侧绘制一个面积图，并和K线图共享一个Y轴坐标。 效果图 demo页面 demo 手机横屏demo 步骤 1. 配置一个深度图 在option里面的扩展属性里面配置一个深度图, 并且让K线图右边预留150的宽度用来绘制面积图 this.......
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

HQChart

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值