KDJ 指标的图形化显示

Dear_Li · 发表于 2018-10-17 14:48:10

在使用 BotVS 的指标 API 的时候，有时候很想图形化显示一下指标线（其实我初学的时候也是有这个想法，很想画出指标看看）。第一是想练习如何运用指标API，比如返回的数据的使用。第二很是好奇，想自己画出来和其它软件或者网站上的对比。近期也有不少朋友提出这个问题，于是我写了一个小DEMO 测试，我们就拿 KDJ指标做示范。

代码：测试的合约为商品期货 rb1710 合约

// 画 KDJ 指标的 DEMO 程序
// 需要引用画线类库模板有兴趣的可以看下源码对于学习编写策略图表显示很有帮助： https://www.botvs.com/bbs-topic/608 也是注释版的。
var preTime = 0; // 声明一个变量用来记录前一个K线 Bar 的时间戳
var ChartObj = null; // 声明一个变量用来引用图形API Chart 函数
function main(){ // 测试例子的主函数，本例代码全部都写在 main 函数中。
LogReset(1); // 清空所有日志，仅保留本次运行的第一条（所以参数传入1）
ChartObj = Chart(null); // 调用 Chart 函数初始化图表对象
ChartObj.reset(); // 清空之前的图表内容
var records = null; // 声明一个变量 records 用于记录获取到的K线数据
var MACD = null; // 声明一个变量 KDJ 用于记录指标API函数返回的数据。
while(exchange.IO("status") == false){ // 程序需要在和期货公司前置服务器连接的状态下才可以继续操作，
// 所以会不断调用 exchange.IO("status") 检查连接状态，连接状态 exchange.IO("status") 返回 true
Sleep(5000); // 每次检测暂停5秒（5000毫秒），避免过于访问频繁
}
var ContractTypeInfo = _C(exchange.SetContractType, "rb1710");
// 设置要操作的合约为 rb1710 合约，并赋值给 ContractTypeInfo 变量, _C() 函数用来容错API 详见API文档
ChartObj = $.GetCfg(); // 调用模板画线类库的导出函数 $.GetCfg() 获取图表对象引用给变量 ChartObj
// 处理指标轴------------------------ // 由于KDJ 指标数值与 K线中价格的数值相差很远，所以需要用2个不同的Y轴显示，否则图像压缩，看不到指标线、K线变动。
ChartObj.yAxis = [{
title: {text: 'K线'},//标题
style: {color: '#4572A7'},//样式
opposite: false //生成右边Y轴
},
{
title:{text: "指标轴"},
opposite: true, //生成右边Y轴，图表第二个Y轴
}
];
// 初始化指标线
while(!records || records.length < 30){ // 如果 records 为 null 或者 records.length 小于 30 ，执行该循环
records = _C(exchange.GetRecords); // 调用获取K线 API 函数： GetRecords （即 exchange 对象的成员函数），用_C()函数对其进行容错处理，获取到的数据赋值给records
LogStatus("records.length:", records.length); // 在状态栏显示获取的K线数据长度的信息。
Sleep(1000);
}
$.PlotRecords(records, 'rb1710'); // 调用画线类库模板的导出函数 $.PlotRecords 画K线
$.PlotLine('K', 0, records[records.length - 1].Time); // 添加 KDJ 中的 K指标线
$.PlotLine('D', 0, records[records.length - 1].Time); // 添加 KDJ 中的 D指标线
var chart = $.PlotLine('J', 0, records[records.length - 1].Time); // 添加 KDJ 中的 J指标线，并将 $.PlotLine 函数返回的图表控制对象
// 修改指标线坐标轴Y轴
for(var key in ChartObj.series){ // 遍历图表对象的数据系列将数据系列名称为 'K' 'D' 'J' 的数据绑定在索引为1的Y轴（即第二个Y轴，第一个Y轴的索引是0）
if(ChartObj.series[key].name == 'K' || ChartObj.series[key].name == 'D' || ChartObj.series[key].name == 'J'){
ChartObj.series[key].yAxis = 1;
}
}
chart.update(ChartObj); // 用修改后图表对象作为参数传递给图表控制对象的成员函数 update ，更新图表设置。
chart.reset(); // 清空图表数据
while(true){ // 主要的画图循环，设定为死循环。
if(exchange.IO("status")){ // 同样，在画图的时候必须要确定是和服务器连接状态（即不是休市时间）
records = _C(exchange.GetRecords); // 通过容错函数_C() ，调用 API 获取 K线，赋值给 records
if(records.length > 50){ // 需要K线数量大于 50
$.PlotRecords(records, 'OK期货'); // 调用模板 “画线类库” 的导出函数 $.PlotRecords 画K线
KDJ = TA.KDJ(records); // 调用 TA.KDJ 指标API 用传入的 records K线数据计算 KDJ指标数据
var K = KDJ[0]; // KDJ 数据结构是一个二维数组，包含三个数组，第一个是指标K线，第二个是指标D线，第三个是指标J线。
var D = KDJ[1]; // 分别赋值变量 K,D,J
var J = KDJ[2]; //
if(preTime !== records[records.length - 1].Time){ // 用 records K线数据的倒数第一个 bar 的时间戳（即： records[records.length - 1].Time）
// 和 preTime 变量记录的时间戳对比，判断是否是有新K线Bar出现，如果出现处理图表并在处理后更新preTime 变量用于下次判断是否有新K线出现
$.PlotLine('K', K[K.length - 2], records[records.length - 2].Time); // 调用模板 “画线类库” 导出函数 $.PlotLine 画指标 K
$.PlotLine('D', D[D.length - 2], records[records.length - 2].Time); // ... 要注意的是，新Bar 出现后，出现前那个曾经是最新的Bar各个数值才确定。
$.PlotLine('J', J[J.length - 2], records[records.length - 2].Time); // 所以要用此刻的倒数第二个Bar去画在图表上以确定数值
$.PlotLine('K', K[K.length - 1], records[records.length - 1].Time); // 然后再画最新的数据。
$.PlotLine('D', D[D.length - 1], records[records.length - 1].Time);
$.PlotLine('J', J[J.length - 1], records[records.length - 1].Time);
preTime = records[records.length - 1].Time; // 更新时间戳用于对比。
}else{ // 如果 preTime == records[records.length - 1].Time，即没有新的Bar出现
$.PlotLine('K', K[K.length - 1], records[records.length - 1].Time); // 用最新的数据更新倒数第一 Bar 在图表上。
$.PlotLine('D', D[D.length - 1], records[records.length - 1].Time);
$.PlotLine('J', J[J.length - 1], records[records.length - 1].Time);
}
}
LogStatus("records.length:", records.length, records[records.length - 1]);
Sleep(1000);
}else{
LogStatus("休市.."); // 如果 exchange.IO("status") 返回 false 则为休市（一般情况，未连接服务器）
}
}
}

复制代码

对比文华上的行情图表

有兴趣的同学可以剖析这个DEMO源码和 “画线类库” 模板的源码：发明者量化平台测试的时候需要引用上“画线类库”，否则是画不出图表的。

转/宽客在线