HQChart使用教程45-如何动态修改指标参数
Setoption设置
可以通过Setoption 使用HQChart默认的指标参数修改UI.
var option=
{
Type:'历史K线图',
Windows:aryIndex, //窗口指标
Windows:
[
{
Index:'MA',
StringFormat:2, //标题数据输出格式 1=带万/亿单位的(默认) 2=原始数据
FloatPrecision:1, //标题数据输出小数位数 默认=2
Modify:true, //是否显示修改指标参数按钮
Change:false, //是否显示切换按钮
},
这样在指标标题栏就会出现一个指标修改的按钮,点击就可以修改指标
定制指标修改UI
上面用setoption的方式, UI是固定的, 并且没有对移动端做适配, 在移动端你需要自己增加一个修改参数按钮,和修改参数的UI对话框。 HQChart提供获取指标参数名,指标值,更新指标接口, 外面的UI需要你自己做了。
下面的Modify方法就获取第1个指标的值, 并修改第1,2个参数值更新。
//简单的把K线控件封装下
function KLineChart(divKLine)
{
this.DivKLine=divKLine;
this.Chart=JSChart.Init(divKLine); //把K线图绑定到一个Div上
this.Modify=function()
{
var kline=this.Chart.JSChartContainer; //获取内部K线控件
var maIndex=kline.WindowIndex[0]; //获取第1个指标窗口的 指标信息 要获取那个指标窗口 就对应填对应索引
for(var i in maIndex.Arguments)
{
var item=maIndex.Arguments[i];
console.log(`参数名:${item.Name}, 参数值:${item.Value}`);
//可以获取以后 显示在修改指标框的UI上
}
//假设修改1个值
maIndex.Arguments[0].Value=20;
maIndex.Arguments[1].Value=30;
kline.UpdateWindowIndex(0); //更新到HQChart上
}
如果还有问题可以加交流QQ群: 950092318
HQChart代码地址
地址:github.com/jones2000/HQChart