HQChart使用教程2- 如何把自定义指标显示在K线图页面

151 篇文章 33 订阅


效果图
在这里插入图片描述

自定义一个指标

假设我们需要在K线上显示一个我们自己的指标, 指标内容:

  1. BS买卖点指标 (每个周一买入 ,每个周五卖掉)
  2. 一根MA十日均线
    写成麦语言就是 (具体的语法可以参看通达信, 东方财富,同花顺指标帮助)
B1:=WEEK==1;
S1:=WEEK==5;
MA10:MA(C,10);
DRAWICON(B1,L*0.97,13);  //13是买图标, 显示在最低价下
DRAWICON(S1,H*1.03,14);  //14是卖图标, 显示在最高价上

参考上一课的方法创建一个k线demo页面(HQChart使用教程1- 如何快速创建一个K线图页面https://blog.csdn.net/jones2000/article/details/90272733)

通过Option设置指标

把指标设置到指标窗口 Windows 字段里面, 应该有BS点,所以我们绑定到第1个主图窗口上
Script 指标脚本
Name 指标的名字

//K线配置信息
            this.Option= {
                Type:'历史K线图',   //创建图形类型
                
                Windows: //窗口指标
                [
                    {Script: 'B1:=WEEK==1;\n\
                            S1:=WEEK==5;\n\
                            MA10:MA(C,10);\n\
                            DRAWICON(B1,L*0.97,13);\n\
                            DRAWICON(S1,H*1.03,14);',
                        Name: "我的指标", Modify:false,Change:false},
                    {Index:"VOL", Modify:false,Change:false},
                    {Index:"RSI", Modify:false,Change:false}, 
                ], 

这样就一个自定义指标就绑定到K线上了

自定义一个带参数的指标

还是上面的指标, 但我需要可以修改买入和卖出星期日期,
定义变量 N=买入星期几(默认星期1) N2=卖出星期几(默认星期5)
写成麦语言就是

B1:=WEEK==N;
S1:=WEEK==N2;
MA10:MA(C,10);
DRAWICON(B1,L*0.97,13);  //13是买图标, 显示在最低价下
DRAWICON(S1,H*1.03,14);  //14是卖图标, 显示在最高价上

然后我们修改下刚才的Windows字段的数据
Args 指标参数数组
1. Name 变量名
2. Value 默认值

//K线配置信息
           this.Option= {
               Type:'历史K线图',   //创建图形类型
               
               Windows: //窗口指标
               [
                   {
                       Script: 'B1:=WEEK==N;\n\
                           S1:=WEEK==N2;\n\
                           MA10:MA(C,10);\n\
                           DRAWICON(B1,L*0.97,13);\n\
                           DRAWICON(S1,H*1.03,14);',
                       Args:[ { Name:'N', Value:1} ,  { Name:'N2', Value:5} ],
                       Name: "我的指标", Modify:true,Change:false},
                   {Index:"VOL", Modify:false,Change:false},
                   {Index:"RSI", Modify:false,Change:false}, 
               ], 

这样一个点变量的指标就完成, 那如何在页面上修改指标呢,点击指标修改,会弹出指标修改框,修改对应的指标值就可以了,是不是很简单呢。
如果还又问题可以加交流QQ群: 950092318
在这里插入图片描述在这里插入图片描述

让我们用上证指数来回测这个奇葩的BS指标吧

回测规则: 以B点的开盘价买入 S点的收盘价卖出 算下 最近1年, 最近3年,今年以来的收益
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

HQChart代码地址

地址:https://github.com/jones2000/HQChart

  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论
uniapp是一个基于Vue.js的跨平台开发框架,可以用于创建移动端应用程序。如果你想在uniapp中创建股票K线图,可以使用HQChart插件。首先,你需要创建一个uni-app工程,并将"umychart_uniapp_h5"目录拷贝到工程中。然后,在你的页面中引入"umychart.uniapp.h5.js"。通过这样的步骤,就可以在uni-app中使用HQChart插件创建K线图了。如果需要对接第三方数据,可以参考HQChart使用教程29和56,了解如何对接数据和品种代码的后缀列表。具体代码实现可以参考HQChart实战教程35和相关文件中的代码。如果你有更多的问题,可以加入交流QQ群950092318,获取更多帮助。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [HQChart使用教程35 - 如何在uni-app创建K线图(h5)](https://blog.csdn.net/jones2000/article/details/101039026)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* *3* [HQChart实战教程35-A股分时图数据对接-uniapp版本](https://blog.csdn.net/jones2000/article/details/113777111)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

HQChart

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

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

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

打赏作者

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

抵扣说明:

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

余额充值