Windows 字段下Lock 是指标上锁字段
Lock: { IsLocked: true, //是否上锁 Callback: this.UnlockIndex, //点击上锁区域回调函数 BG: 'rgb(245,245,220)', //锁区域背景色 TextColor: 'rgb(255,165,79)', //锁区域输出文字颜色 Text: '\ue611', //锁区域输出文字内容 Font: '40px js-iconfont', //锁区域输出文字字体 支持iconfont Count: 12, //上锁主右边几条数据 }
点击锁区域回调函数入参说明
this.UnlockIndex=function(e) //解锁指标回调事件 { console.log('[KLineChart::UnlockIndex] ',e); var lockData = { IndexName: e.Data.IndexName, IsLocked: false }; //解锁指标 e.HQChart.LockIndex(lockData); }
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <title>页面行情(K线图)</title> <!-- 加载资源 --> <link rel="stylesheet" href="content/css/tools.css" /> <link rel="stylesheet" href="../jscommon/umychart.resource/font/iconfont.css" /> <!-- 上锁的iconfont图片资源 --> <link rel="stylesheet" href="https://at.alicdn.com/t/font_1196214_ny3l0dbclr.css" /> </head> <body> <div id="kline" style="width: 900px;height:400px;position: relative;"></div> <script src="content/js/jquery.min.js"></script> <script src="content/js/webfont.js"></script> <script src="../jscommon/umychart.js"></script> <!-- K线图形 --> <script src="../jscommon/umychart.complier.js"></script> <!-- 麦语言解析执行器 --> <script src="../jscommon/umychart.index.data.js"></script> <!-- 基础指标库 --> <script> //简单的把K线控件封装下 function KLineChart(divKLine) { this.DivKLine=divKLine; this.Chart=JSChart.Init(divKLine); //把K线图绑定到一个Div上 this.UnlockIndex=function(e) //解锁指标事件 { console.log('[KLineChart::UnlockIndex] ',e); var lockData = { IndexName: e.Data.IndexName, IsLocked: false }; //解锁指标 e.HQChart.LockIndex(lockData); } //K线配置信息 this.Option= { Type:'历史K线图', //创建图形类型 Windows: //窗口指标 [ { Script: 'B1:=WEEK==N;\n\ S1:=WEEK==N2;\n\ MA10:MA(C,10);\n\ DRAWICON(B1,L*0.97,13);\n\ DRAWICON(S1,H*1.03,14);', Args:[ { Name:'N', Value:1} , { Name:'N2', Value:5} ], Name: "我的指标", Modify:false,Change:false, Lock: { IsLocked: true, //是否上锁 Callback: this.UnlockIndex, //点击上锁区域回调函数 BG: 'rgb(245,245,220)', //锁区域背景色 TextColor: 'rgb(255,165,79)', //锁区域输出文字颜色 Text: '\ue611', //锁区域输出文字内容 Font: '40px js-iconfont', //锁区域输出文字字体 支持iconfont Count: 12, //上锁主右边几条数据 } }, {Index:"VOL", Modify:false,Change:false}, {Index:"RSI", Modify:false,Change:false}, ], Symbol:'600000.sh', IsAutoUpdate:true, //是自动更新数据 //TradeIndex: {Index:'交易系统-BIAS'}, //交易系统 IsShowRightMenu:true, //右键菜单 IsShowCorssCursorInfo:true, //是否显示十字光标的刻度信息 KLine: //K线设置 { DragMode:1, //拖拽模式 0 禁止拖拽 1 数据拖拽 2 区间选择 Right:1, //复权 0 不复权 1 前复权 2 后复权 Period:0, //周期 0 日线 1 周线 2 月线 3 年线 MaxReqeustDataCount:1000, //数据个数 PageSize:50, //一屏显示多少数据 //Info:["互动易","大宗交易",'龙虎榜',"调研","业绩预告","公告"], //信息地雷 IsShowTooltip:true, //是否显示K线提示信息 }, KLineTitle: //标题设置 { IsShowName:true, //不显示股票名称 IsShowSettingInfo:true //不显示周期/复权 }, Border: //边框 { Left:1, //左边间距 Right:50, //右边间距 Bottom:25, //底部间距 Top:25 //顶部间距 }, Frame: //子框架设置 [ {SplitCount:3,StringFormat:0, IsShowLeftText:false}, {SplitCount:2,StringFormat:0, IsShowLeftText:false}, {SplitCount:2,StringFormat:0, IsShowLeftText:false} ] }; this.Create=function() //创建图形 { var self=this; $(window).resize(function() { self.OnSize(); }); //绑定窗口大小变化事件 this.OnSize(); //让K线全屏 this.Chart.SetOption(this.Option); //设置K线配置 } this.OnSize=function() //自适应大小调整 { var height= $(window).height(); var width = $(window).width(); this.DivKLine.style.top='px'; this.DivKLine.style.left='px'; this.DivKLine.style.width=width+'px'; this.DivKLine.style.height=height+'px'; this.Chart.OnSize(); } } $(function () { WebFont.load({ custom: { families: ['iconfont', 'js-iconfont'] } }); //预加载下iconfont资源 var klineControl=new KLineChart(document.getElementById('kline')); klineControl.Create(); }) </script> </body> </html>
这样一个上锁的指标就完成了
如果还又问题可以加交流QQ群: 950092318