hqchart 1.1.14814 → 1.1.14820

package/src/jscommon/umychart.vue/umychart.vue.js

@@ -4543,6 +4543,12 @@ function JSChart(divElement, bOffscreen, bCacheCanvas)
             if (option.DrawTool.StorageKey && chart.ChartDrawStorage) chart.ChartDrawStorage.Load(option.DrawTool.StorageKey);
         }
 
+        if (option.KeyboardMove)
+        {
+            var item=option.KeyboardMove;
+            if (IFrameSplitOperator.IsPlusNumber(item.Delay)) chart.KeyboardMove.Delay=item.Delay;
+        }
+
         if (IFrameSplitOperator.IsNumber(option.StepPixel)) chart.StepPixel=option.StepPixel;
         if (option.ZoomStepPixel>0) chart.ZoomStepPixel=option.ZoomStepPixel;
         if (option.IsApiPeriod==true) chart.IsApiPeriod=option.IsApiPeriod;
@@ -7320,7 +7326,8 @@ function JSChartContainer(uielement, OffscreenElement, cacheElement)
     this.DisableMouse=false;    //禁止鼠标事件
     this.LanguageID=JSCHART_LANGUAGE_ID.LANGUAGE_CHINESE_ID;
     this.PressTime=500;
-    this.IsPress=false;         //是否长按
+    this.IsPress=false;             //是否长按
+    this.IsPressKeyboard=false;     //是否键盘按键
 
     this.NetworkFilter;         //网络请求回调 function(data, callback);
     this.LastMouseStatus={ MouseOnToolbar:null }; // MouseOnToolbar={ Rect:{}, Title: }
@@ -7404,6 +7411,7 @@ function JSChartContainer(uielement, OffscreenElement, cacheElement)
     this.AryHotKey=[];  //热键 { KeyID:87, SecondKeyID:1, CMD:JSCHART_MENU_ID.CMD_FULLSCREEN_SUMMARY_ID, Args:null, Description:"Alt+W	全屏区间统计" },
 
     this.FastSlideConfig={ MinDistance:500, MinSpeed:3, MaxTime:250, Enable:false };       //快速滑动配置 MinDistance=最小的距离 MinSpeed=最小速度 MaxTime=最大间隔时间(ms)
+    this.KeyboardMove={ Timer:null, Delay:100 , Enable:false, Event:null };   //键盘左右移动
 
     this.RestoreFocus=function(delay)
     {
@@ -11573,6 +11581,7 @@ function JSChartContainer(uielement, OffscreenElement, cacheElement)
         if (this.ChartSplashPaint && this.ChartSplashPaint.IsEnableSplash == true) return;
 
         var keyID = e.keyCode ? e.keyCode :e.which;
+        this.IsPressKeyboard=true;
 
         //回调事件
         var event=this.GetEventCallback(JSCHART_EVENT_ID.ON_KEYDOWN);
@@ -11607,6 +11616,7 @@ function JSChartContainer(uielement, OffscreenElement, cacheElement)
         switch(keyID)
         {
             case 37: //left
+                if (this.KeyboardMove.Enable) break;
                 if ((e.ctrlKey||e.shiftKey) && this.OnCustomKeyDown)
                 {
                     if (this.OnCustomKeyDown(keyID, e))
@@ -11646,6 +11656,7 @@ function JSChartContainer(uielement, OffscreenElement, cacheElement)
                 }
                 break;
             case 39: //right
+                if (this.KeyboardMove.Enable) break;
                 if ((e.ctrlKey|| e.shiftKey) && this.OnCustomKeyDown)
                 {
                     if (this.OnCustomKeyDown(keyID, e))
@@ -11780,11 +11791,167 @@ function JSChartContainer(uielement, OffscreenElement, cacheElement)
 
         if (draw) this.DrawDynamicInfo();
 
+        if (keyID==37 || keyID==39)
+            this.StartKeyboardMoveTimer(e);
+
         //不让滚动条滚动
         if(e.preventDefault) e.preventDefault();
         else e.returnValue = false;
     }
 
+
+    this.ClearKeyboardMoveTimer=function()
+    {
+        if (!this.KeyboardMove) return;
+
+        this.KeyboardMove.Event=null;
+
+        if (this.KeyboardMove.Timer)
+        {
+            clearTimeout(this.KeyboardMove.Timer);
+            this.KeyboardMove.Timer=null;
+            JSConsole.Chart.Log(`[JSChartContainer::ClearKeyboardMoveTimer] Stop` );
+        }
+
+        this.KeyboardMove.Enable=false;
+    }
+
+    this.StartKeyboardMoveTimer=function(e)
+    {
+        if (!this.KeyboardMove) return;
+        if (this.KeyboardMove.Enable) return;   //已启动
+
+        this.KeyboardMove.Event=e;
+        this.KeyboardMove.Enable=true;
+
+        JSConsole.Chart.Log(`[JSChartContainer::StartKeyboardMoveTimer] Start` );
+
+        this.AutoKeyboardMove();
+    }
+
+    this.AutoKeyboardMove=function()
+    {
+        if (!this.KeyboardMove) return false;
+        if (!this.KeyboardMove.Enable) return false;
+        if (!this.KeyboardMove.Event) return false;
+
+        this.KeyboardMove.Timer=setTimeout(()=> 
+        { 
+            this.OnKeyboardMoveTimerProc(); 
+        },this.KeyboardMove.Delay);
+    }
+
+
+    this.OnKeyboardMoveTimerProc=function()
+    {
+        if (!this.KeyboardMove) return false;
+        if (!this.KeyboardMove.Enable) return false;
+        if (!this.KeyboardMove.Event) return false;
+
+        var e=this.KeyboardMove.Event;
+        var keyID = e.keyCode ? e.keyCode :e.which;
+        var bStop=false;
+        switch(keyID)
+        {
+            case 37: //left
+                if ((e.ctrlKey||e.shiftKey) && this.OnCustomKeyDown)
+                {
+                    if (this.OnCustomKeyDown(keyID, e))
+                        break;
+                }
+
+                //K线 如果超出K线数据了 调整到最后一个数据
+                if (this.FixCursorIndexValid && this.FixCursorIndexValid())
+                {
+                    this.UpdatePointByCursorIndex();
+                    this.DrawDynamicInfo();
+                    this.ShowTooltipByKeyDown();
+                    break;
+                }
+               
+                if (this.CursorIndex<=0.99999)
+                {
+                    if (!this.DataMoveLeft()) 
+                    {   //左移数据到头了 触发下载新数据
+                        if (this.DragDownloadData) this.DragDownloadData();
+                        break;
+                    }
+                    this.UpdataDataoffset();
+                    this.UpdatePointByCursorIndex();
+                    this.UpdateFrameMaxMin();
+                    this.ResetFrameXSplit();
+                    this.Draw();
+                    this.ShowTooltipByKeyDown();
+                    this.OnKLinePageChange("keydown");
+                }
+                else
+                {
+                    --this.CursorIndex;
+                    this.UpdatePointByCursorIndex();
+                    this.DrawDynamicInfo();
+                    this.ShowTooltipByKeyDown();
+                }
+                break;
+
+            case 39: //right
+                if ((e.ctrlKey|| e.shiftKey) && this.OnCustomKeyDown)
+                {
+                    if (this.OnCustomKeyDown(keyID, e))
+                        break;
+                }
+
+                //K线 如果超出K线数据了 调整到最后一个数据
+                if (this.FixCursorIndexValid && this.FixCursorIndexValid())
+                {
+                    this.UpdatePointByCursorIndex();
+                    this.DrawDynamicInfo();
+                    this.ShowTooltipByKeyDown();
+                    break;
+                }
+
+                var xPointcount=0;
+                if (this.Frame.XPointCount) xPointcount=this.Frame.XPointCount;
+                else xPointcount=this.Frame.SubFrame[0].Frame.XPointCount;
+                if (this.CursorIndex+1>=xPointcount)
+                {
+                    if (!this.DataMoveRight()) break;
+                    this.UpdataDataoffset();
+                    this.UpdatePointByCursorIndex();
+                    this.UpdateFrameMaxMin();
+                    this.ResetFrameXSplit();
+                    this.Draw();
+                    this.ShowTooltipByKeyDown();
+                    this.OnKLinePageChange("keydown");
+                }
+                else
+                {
+                    //判断是否在最后一个数据上
+                    var data=null;
+                    if (this.Frame.Data) data=this.Frame.Data;
+                    else data=this.Frame.SubFrame[0].Frame.Data;
+                    if (!data) break;
+                    if (this.CursorIndex+data.DataOffset+1>=data.Data.length) break;
+
+                    ++this.CursorIndex;
+                    this.UpdatePointByCursorIndex();
+                    this.DrawDynamicInfo();
+                    this.ShowTooltipByKeyDown();
+                }
+                break;
+        }
+        
+
+        if (!bStop) this.AutoKeyboardMove();
+        return true;
+    }
+
+
+    this.OnKeyUp=function(e)
+    {
+        this.IsPressKeyboard=false;
+        this.ClearKeyboardMoveTimer();
+    }
+
     this.OnDoubleClick=function(x,y,e)
     {
         
@@ -15961,6 +16128,12 @@ function OnKeyDown(e)   //键盘事件
         this.JSChartContainer.OnKeyDown(e);
 }
 
+function OnKeyUp(e)     //键盘事件
+{
+    if(this.JSChartContainer && this.JSChartContainer.OnKeyUp)
+        this.JSChartContainer.OnKeyUp(e);
+}
+
 function OnWheel(e)    //上下滚动事件
 {
     if(this.JSChartContainer && this.JSChartContainer.OnWheel)
@@ -83899,7 +84072,12 @@ function KLineChartContainer(uielement,OffscreenElement, cacheElement)
             }
         }
 
-        if (bRegisterKeydown) this.UIElement.addEventListener("keydown", (e)=>{ this.OnKeyDown(e); }, true);            //键盘消息
+        if (bRegisterKeydown) 
+        {
+            this.UIElement.addEventListener("keydown", (e)=>{ this.OnKeyDown(e); }, true);            //键盘消息
+            this.UIElement.addEventListener("keyup", (e)=>{ this.OnKeyUp(e);}, true);
+        }
+
         if (bRegisterWheel) this.UIElement.addEventListener("wheel", (e)=>{ this.OnWheel(e); }, true);                  //上下滚动消息
 
         this.InitalPopMinuteChart(option);
@@ -85679,7 +85857,8 @@ function KLineChartContainer(uielement,OffscreenElement, cacheElement)
 
     this.RecvRealtimeData=function(data)
     {
-        if (this.IsOnTouch==true) return;   //正在操作中不更新数据
+        if (this.IsOnTouch==true) return;           //正在操作手势不更新数据
+        if (this.IsPressKeyboard==true) return;     //正在操作键盘不更新数据
 
         if (data.Ver==3.0)
         {
@@ -86019,6 +86198,8 @@ function KLineChartContainer(uielement,OffscreenElement, cacheElement)
     this.RecvMinuteRealtimeDataV2=function(data)    //新版本的
     {
         if (this.IsOnTouch==true) return;   //正在操作中不更新数据
+        if (this.IsPressKeyboard==true) return;     //正在操作键盘不更新数据
+
         if (this.EnableVerifyRecvData && data.symbol!=this.Symbol)
         {
             JSConsole.Chart.Warn(`[KLineChartContainer::RecvMinuteRealtimeDataV2] recv data symbol not match. HQChart[${this.Symbol}] , Recv[${data.symbol}]`);
@@ -93798,7 +93979,11 @@ function MinuteChartContainer(uielement,offscreenElement,cacheElement)
             }
         }
 
-        if (bRegisterKeydown) this.UIElement.addEventListener("keydown", (e)=>{ this.OnKeyDown(e);} , true);              //键盘消息
+        if (bRegisterKeydown) 
+        {
+            this.UIElement.addEventListener("keydown", (e)=>{ this.OnKeyDown(e);} , true);              //键盘消息
+            this.UIElement.addEventListener("keyup", (e)=>{ this.OnKeyUp(e);}, true);
+        }
         if (bRegisterWheel) this.UIElement.addEventListener("wheel", (e)=>{ this.OnWheel(e); }, true);                  //上下滚动消息
     }
 
@@ -95695,7 +95880,7 @@ function MinuteChartContainer(uielement,offscreenElement,cacheElement)
             return;
         }
 
-        if (this.IsOnTouch==true)   //正在操作中不更新数据
+        if (this.IsOnTouch==true || this.IsPressKeyboard==true)   //正在操作中不更新数据
         {
             if (this.SourceData && IFrameSplitOperator.IsNonEmptyArray(this.SourceData.Data))
             {
@@ -99329,6 +99514,7 @@ function KLineChartHScreenContainer(uielement)
         }
 
         this.UIElement.addEventListener("keydown", OnKeyDown, true);    //键盘消息
+        this.UIElement.addEventListener("keyup", OnKeyUp, true);
     }
 
     //创建子窗口
@@ -99517,6 +99703,7 @@ function MinuteChartHScreenContainer(uielement)
         this.ChartCorssCursor.CallAcutionXOperator.Frame=this.Frame.SubFrame[0].Frame;
 
         this.UIElement.addEventListener("keydown", OnKeyDown, true);    //键盘消息
+        this.UIElement.addEventListener("keyup", OnKeyUp, true);
     }
 
     //创建子窗口
@@ -99685,7 +99872,11 @@ function DepthChartContainer(uielement)
             }
         }
 
-        if (bRegisterKeydown) this.UIElement.addEventListener("keydown", (e)=>{ this.OnKeyDown(e); }, true);            //键盘消息
+        if (bRegisterKeydown) 
+        {
+            this.UIElement.addEventListener("keydown", (e)=>{ this.OnKeyDown(e); }, true);            //键盘消息
+            this.UIElement.addEventListener("keyup", (e)=>{ this.OnKeyUp(e);}, true);
+        }
         if (bRegisterWheel) this.UIElement.addEventListener("wheel", (e)=>{ this.OnWheel(e); }, true);                //上下滚动消息
     }
 
@@ -153738,7 +153929,7 @@ function JSDialogModifyDraw()
         this.ColorButton=null;
         if (this.DivDialog)
         {
-            document.body.remove(this.DivDialog);
+            document.body.removeChild(this.DivDialog);
             this.DivDialog=null;
         }
     }
@@ -159869,7 +160060,7 @@ function JSDialogModifyIndexParam()
 
         if (this.DivDialog) 
         {
-            document.body.removeChild(this.DivDialog);
+            if (document && document.body && document.body.removeChild) document.body.removeChild(this.DivDialog);
             this.DivDialog=null;
         }
     }
@@ -160389,7 +160580,7 @@ function HQChartScriptWorker()
 
 
 
-var HQCHART_VERSION="1.1.14813";
+var HQCHART_VERSION="1.1.14819";
 
 function PrintHQChartVersion()
 {