HQChart使用教程49-指标配置项说明

简单的指标配置项请参看 HQChart使用教程1- 如何快速创建一个K线图页面

说明

K线图指标配置从第1个指标窗口开始
分时图指标配置从第3个指标窗口开始, 前面2个窗口是固定的, 无法配置。

指标配置项

1. 标题高度

TitleHeight 当标题高度<5 就不会显示指标的标题

2. 标题输出格式

StringFormat 1=默认格式 2位小数 单位自动转化 (万 亿)
2=原始数据输出
3=整形数据输出 如果不是整形使用 DEFAULT
21=千分位分割

3.1 标题输出小数位数

FloatPrecision 小数位数(默认2)

3.2 标题字体设置

TitleFont 标题字体 如“8px 微软雅黑”

3.3 隐藏指标参数

IsShortTitle 默认false, 指标名字是MA(5,10,15) 设置true后就只显示MA 后面的参数就不显示了

4. 空指标

有时候我们可能在主图上不需要显示指标, 我们可以通过设置一个空的来实现

var option=
{
   Type: '历史K线图',
    Windows: //窗口指标
    [
       { Index: 'EMPTY'}, //设置一个空的指标 这样就不会显示指标了
       { Index: 'MACD'},
       { Index: 'RSI' }     
   ],
   ..........

5 动态执行指标脚本

Name 动态执行脚本名字
Script 动态执行的脚本
Args 脚本参数 (可选)
例子1.

扫描二维码关注公众号,回复: 11360687 查看本文章
 Windows: //窗口指标
  [
     {  Name: 'MA_NEW', Script:'MA5:MA(CLOSE,5);'}, //自定义一个MA的指标 计算5日均线
     { Index: 'MACD'},
     { Index: 'RSI' }     
 ],
                          

例子2.

 Windows: //窗口指标
  [
     {  Name: 'MA_NEW', 
        Script:'MA5:MA(CLOSE,N);',
        Args: [{ Name: 'N', Value: 10 }]
     }, //自定义一个MA的指标 计算10日均线 (带参数)
     { Index: 'MACD'},
     { Index: 'RSI' }     
 ],

6 系统指标带参数

Index 系统指标名字
Args 脚本参数 (可选) Name:参数变量名 Value:参数值

Windows: //窗口指标
  [
     {  Index: 'MA', 
        Args: [{ Name: 'M1', Value: 5 }, { Name: 'M2', Value: 10 }, { Name: 'M3', Value: 20 }]
     }, 
     { Index: 'MACD'},
     { Index: 'RSI' }     
 ],

7 API 远程指标计算

API 所有配置都在API这个子文档内
ID:指标ID (可选)
Name:指标的显示名字
Script:动态执行脚本(可选)
Args:参数 (可选)
Url:指标api调用地址

Windows: //窗口指标
  [
     {  Index: 'MA', 
        API: 
        { Name: 'MA', 
        Script: null, 
        Args: [{ Name: 'M1', Value: 5 }, { Name: 'M2', Value: 10 }, { Name: 'M3', Value: 20 }], 
        Url: 'http://127.0.0.1:18080/api/jsindex' }
     }, 
     { Index: 'MACD'},
     { Index: 'RSI' }     
 ],

8. 隐藏指标名字

IsShowIndexName false隐藏指标名字

9. 指标数据间距设置

IndexParamSpace 标题指标输出数值间距

10. 指标数据箭头

IsShowTitleArraw 是否显示指标数值后面的箭头

var option= 
{
     Type:'历史K线图',   //创建图形类型
     
     Windows: //窗口指标
     [
         {Index:"EMPTY", Modify:false,Change:false,TitleHeight:0 },
         {Index:"VOL", Modify:false,Change:false,IsShowTitleArraw:false, IsShowIndexName:false, IndexParamSpace: 10 }, 
         //{Index:"RSI", Modify:false,Change:false}, 
     ], 

效果图
在这里插入图片描述
如果还有问题可以加交流QQ群: 950092318

HQChart代码地址
地址:github.com/jones2000/HQChart

猜你喜欢

转载自blog.csdn.net/jones2000/article/details/102928907