HQChart实战教程26 - K线画图工具增加自定义图标

最新推荐文章于 2023-05-08 10:48:12 发布
最新推荐文章于 2023-05-08 10:48:12 发布
阅读量1.2k 收藏 1
点赞数 2
分类专栏： hqchart高级应用教程 文章标签： hqchart kline k线图 画图工具 量化
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jones2000/article/details/109529224
版权
hqchart高级应用教程 专栏收录该内容
27 篇文章 166 订阅 ¥299.90 ¥399.90
订阅专栏
本文介绍了如何在HQChart中使用画图工具添加自定义图标，包括上下箭头、左右箭头等，并提供了接口注册新图标的详细步骤。教程还涵盖了图标大小、颜色、旋转角度的设置，以及相关代码示例和交流群信息。
摘要由CSDN通过智能技术生成

HQChart实战教程26 - 自定义K线画图工具设置框 文本类

画图工具图标类

通过在K线上标记图标, 来突出这个数据.如下图是tradvingview的图标的画图工具.
在这里插入图片描述
hqchart内置了4个图标, 上下箭头,左右箭头,其他图标需要通过外部设置.

添加画图工具图标接口

//注册一个新图标 {Name:, Text: , Color:, Family:}
JSChart.RegisterDrawPictureIonFont=function(obj)

参数

Name:图标名字
Text:对应iconfont的名字
Color:颜色
Family:对应iconfont的family名字

Text和Famil直接在图标的css的问题里面找,见下图
在这里插入图片描述
部分代码

//注册4个自定义的图标<
了解本专栏 订阅专栏 解锁全文
HQChart
关注
专栏目录
订阅专栏
HQChart实战教程24 - 自定义K线画图工具设置框（线段类）
小银
10-22 1383
HQChart实战教程24 - 自定义K线画图工具设置框画图工具 画图工具 K线上可以通过画图工具在屏幕中进行线段的绘制， 点击已绘制的线段，可以修改线段的颜色，宽度等属性。
行情k线绘制工具
07-31
行情k线绘制工具,Canvas API（画布）是在HTML5中新增的标签用于在网页实时生成图像，并且可以操作图像内容，基本上它是一个可以用JavaScript操作的位图（bitmap）。
K线图画图最强大的javascript脚本
04-19
K线图画图最强大的javascript脚本，里面有详细的例子可供学习
iOS Objective-C 自定义K线图
peanut的博客
04-13 1555
前些天由于需求自定义了K线图，由于效果变更，现将此K线图记录一下。请先看效果图：自定义label KLineViewLabel.h：#import &lt;UIKit/UIKit.h&gt;@interface KLineViewLabel : UIView@property(nonatomic,strong)UIImage *image;@property(nonatomic,copy)NSSt...
基于echarts定制修改的k线图工具
s___j的博客
11-18 1560
HQChart实战教程61-自定义十字星K线颜色
最新发布
小银
05-08 660
十字星是一种K线基本型态。十字星，是一种只有上下影线，没有实体的K线图。开盘价即是收盘价，表示在交易中，股价出现高于或低于开盘价成交，但收盘价与开盘价相等。其中：上影线越长，表示卖压越重。下影线越长，表示买盘旺盛。通常在股价高位或低位出现十字线，可称为转机线，意味着出现反转。HQChart也支持自定义十字星颜色来满足其他需求。， 在绘制十字星前会触发这个事件。如果还有问题可以加交流QQ群: 950092318。HQChart提供外部自定义十字星的监听事件。一般十字星K线是固定一个颜色的， 如下图。
HQChart实战教程25 - 自定义K线画图工具设置框（文字类）
小银
10-24 787
HQChart实战教程25 - 自定义K线画图工具设置框 文本类文字类画图工具预备知识文字类的属性设置默认文字属性Option参数说明LineColorTextFontOption修改文字属性步骤监听画图工具选中事件点击事件回调1. 回调参数说明2. 图形实例类说明SymbolPeriodVauleLineColorTextFontOptionPointExportStorageData()ValueToPoint()PointToValue()回调实例修改属性1. 线段颜色修改2. 文字内容修改3. 字体
一个matplotlib 画K线图 +一个高效的画图工具Serborn
jinruoyanxu的博客
03-28 2万+
http://www.financecomputing.net/wordpress/?p=1047 Seaborn Matplotlib是Python主要的绘图库。但是，我不建议你直接使用它，原因与开始不推荐你使用NumPy是一样的。虽然Matplotlib很强大，它本身就很复杂，你的图经过大量的调整才能变精致。因此，作为替代，我推荐你一开始使用
基于C++的K线图绘制工具KLineChart
03-25
在本人开发的CChart曲线绘制库的基础上，拓展出了一个新工具，用于K线图的绘制。本工具的介绍见https://bbs.csdn.net/topics/392553980，CChart的介绍见https://bbs.csdn.net/topics/392520079。最主要的特点是调用非常简单。自带一个示例程序。
html5和c++开源 K线图工具
06-26
html5和c++开源 K线图工具, Create interactive charts easily for your web projects. Used by tens of thousands of developers and 61 out of the world's 100 largest companies, Highcharts is the simplest yet most flexible charting API on the market. Read more » Download » TemperatureRainfallTokyo climateSunshine hoursJanFebMarAprMayJunJulAugSepOctNovDec5°C10°C15°C20°C25°C30°C0 mm50 mm100 mm150 mm200 mm250 mmHighcharts.com Highstock Highstock lets you create stock or general timeline charts in pure JavaScript. Including sophisticated navigation options like a small navigator series, preset date ranges, date picker, scrolling and panning. Read more » Download » ZoomUSD to EUR14. Feb21. Feb28. Feb7. Mar14. Mar21. Mar28. Mar4. Apr11. Apr18. Apr25. Apr2. May9. May20042006200820100.70.650.751m3m6mYTD1yAllHighcharts.com Highmaps Interactive map charts with drilldown and touch support. Build interactive maps to display sales, election results or any other information linked to geography. Perfect for standalone use or in dashboards in combination with Highcharts! Read more » Download » Highcharts © Natural Earth Highcharts Cloud Online charts for non-techies. Create smashing, interactive diagrams for your news site or blog, or for sharing with your friends on social media. Read more » Highcharts Cloud 1 2 3 4 Free for non-commercial Do you want to use Highcharts for a personal website, a school site or a non-profit organisation? Then you don't need our permission, just go on! HTML 5 Based on native browser technologies, no plugins needed Open Fork us on GitHub and participate in tech discussions Compatible With modern browsers including mobile, tablets and old IE back to IE6 Dynamic Add, remove and modify series and points or modify axes Any chart you'd like Highcharts supports line, spline, area, areaspline, column, bar, pie, scatter, angular gauges, arearange, areasplinerang
股票k线绘制
02-21
股票分析，包括K线、均线、成交量、RSI线、键盘精灵、数据读取等功能，Qt编写
k线图插件（兼容手机端、平板）
07-17
自己用过的K线图插件 纯js的 我是移动端用的 兼容移动端
股票画k线图程序
06-12
股票画k线图的程序，只要把存放k线图的位置复制粘贴到exe的输入端口，斌输入股票的代码就可以画出k先图了
中画图title函数_python3画K线图——自定义函数（静态+动态）
weixin_30708203的博客
01-12 393
基本画图简介matplotlib中原来有candlesticks函数画K线图，后来该函数被移出matplotlib.finance库。现状是 画K线图函数在模块candlestick_ohlc中，但后期想自定义K线图不方便（例如在K线图中添加几个文本备注）。特此，查看原candlesticks函数源码后，抽取核心代码封装成函数，方便后期调整K线图。from matplotlib.lines imp...
echarts配置及专业k线作图工具
热门推荐
欢迎来到☆槿畔☆的博客
07-12 2万+
一般看官网配置比较多，教大家如何copy完线性图代码，快速更改配置。echerts线图常用配置：grid: [{ left: '0%', right: '5%', top: '5%', height: '80%', containLabel: false }, { left: '10%', right: '8%', bottom: '15%', height...
【漆学军】分享一个自定义K线的指标的源码
漆学军的编程笔记
06-05 5402
实现方法：在每根k线上绘制柱子，粗柱子作为K线主体，细柱子作为k线引线。 效果如图：
HQChart使用教程32-如何K线图显示自定义SVG矢量图标
小银
09-08 2385
HQChart使用教程32-如何K线图显示自定义SVG矢量图标效果图分析家语法函数DRAWICONJSComplier.AddIcon样例步骤 在k线图上我们有时候需要标注一些信息， 如果买卖信号等 效果图 HQChart支持在K线上显示自定义的SVG矢量图标。为什么要用矢量图标呢？ 矢量图标支持放大缩小不会失真.这样就可以跟随K线放大缩小。其他类型的png,jpg等图标无法达到这个效果所以就不支...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

HQChart

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

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

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

打赏作者

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

抵扣说明：

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

余额充值