多技术指标独立坐标叠加
应用场景
有的时候我们需要在一个窗口里面显示多个指标,但每个指标的数值单位相差太大,这个时候我们就需要给每个指标分配一个独立的坐标
效果图
测试地址:https://opensource.zealink.com/hqweb/demo/phone22.html
部分页面代码
我们只需要在option变量里面增加一个叠加指标设置
我在第1章的教程里(HQChart使用教程1- 如何快速创建一个K线图页面) 增加这个设置就可以。
var option=
{
Type:'历史K线图',
.............
OverlayIndex: //叠加指标设置
[
{Index:'RSI', Windows:0 },
{Index:'MACD', Windows:0 },
{Index:'MA', Windows:1 }
], //叠加指标
OverlayIndexFrameWidth:50, //每个子坐标的间距
}
这样多坐标叠加就完成了
配置参数说明
Index
指标的名字 如:MACD,RSI 等
Windows
窗口索引, 把指标叠加到指定的窗口上
FloatPrecision
指标标题栏输出小数位数(缺省2位)
IsShareY
1.9233 版本以后才有效
是否和主图指标公用Y轴 (默认是false, 独立Y轴坐标)
false 效果见下图
true 效果见下图
IsCalculateYMaxMin
共享Y轴时,叠加指标的数据是否需要调整共享Y轴最大最小值,默认true
OverlayIndexFrameWidth
每个子坐标的间距,见下图
ShowRightText
是否显示右侧子坐标, 可以缺省, 默认true
ShowToolbar
是否显示关闭及切换指标按钮
IsShowIndexTitle
是否显示指标标题栏
IsShowMainFrame
把叠加指标Y轴绑定到窗口的Y轴上.
0=不绑定 (默认)
1=绑定到左侧Y轴上
2=绑定到又侧Y轴上
Args
指标参数 Name:变量名 Value:数值
如:Args:[ { Name:‘M1’, Value:20}, { Name:‘M2’, Value:30} ]
API
远程API指标
{ Name:指标名称,Script:指标脚本(可选),Args:指标参数 }
如:
下面是在第1个指标窗口 配置1个后台(多线段指标)指标,一个MACD指标, 一个动态指标)
OverlayIndex:
[
{
Index:'多线段指标', Windows:0 ,
API:
{
Name:'多线段指标',
Script:null,
Args:null,
Url:'http://127.0.0.1:18080/api/jsindex'
},
ShowRightText:true
},
{Index:'MACD', Windows:0 },
{Windows:0, IndexName:"指标ID", Name:"自定义指标", Script:"T:MA(O,20);", Identify:"guid_66990"}
//{Index:'MA', Windows:1 }
], //叠加指标
动态添加和删除叠加接口
1. 添加一个叠加指标
chart.AddOverlayIndex(obj)
obj={WindowIndex:窗口ID, IndexName:指标ID, Identify:叠加指标ID(可选), API(可选),ShowRightText:可选 }
windowIndex: 窗口的索引,把指标叠加到指定的窗口上
indexName:指标的名字
identify: 指标id,给指标指定一个唯一的id, 如果为空, 内部会自动产生一个guid 做为这个指标的id
ShowRightText:是否显示右侧子坐标, 可以缺省, 默认true
Args: 指标参数 Name:变量名 Value:数值
如:Args:[ { Name:‘M1’, Value:20}, { Name:‘M2’, Value:30} ]
例子1 叠加动态脚本指标
var option={WindowIndex:0, IndexName:"指标ID", Name:"自定义指标", Script:"T:MA(O,20);", Identify:"guid_66990"};
this.Chart.AddOverlayIndex(option);
Name:是指标在顶部显示的指标名字
Script: 指标脚本
叠加系统指标
var option={WindowIndex:0, IndexName:"MACD", Identify:"guid_66991"};
this.Chart.AddOverlayIndex(option);
2. 删除一个叠加指标
chart.DeleteOverlayWindowsIndex(identify)
identify: 需要删除的指标id
HQChart代码地址
地址:https://github.com/jones2000/HQChart
个人爱好(模型/摄影)