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