hqchart 1.1.14542 → 1.1.14555

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

@@ -7394,6 +7394,51 @@ function JSChartContainer(uielement, OffscreenElement, cacheElement)
         this.DialogSearchIndex=null;
     }
 
+    this.DestroyDialogDrawTool=function()
+    {
+        if (!this.DialogDrawTool) return;
+
+        this.DialogDrawTool.Destroy();
+        this.DialogDrawTool=null;
+    }
+
+    this.DestroyDialogModifyIndexParam=function()
+    {
+        if (this.DialogModifyIndexParam) return;
+
+        this.DialogModifyIndexParam.Destroy();
+        this.DialogModifyIndexParam=null;
+    }
+
+    this.DestroyDialogSelectRect=function()
+    {
+        if (!this.DialogSelectRect) return;
+
+        this.DialogSelectRect.Destroy();
+        this.DialogSelectRect=null;
+    }
+
+    this.DestroyDialogModifyDraw=function()
+    {
+        if (!this.DialogModifyDraw) return;
+
+        this.DialogModifyDraw.Destroy();
+        this.DialogModifyDraw=null;
+    }
+
+    //隐藏内置的弹框div
+    this.HideAllPopDiv=function()
+    {
+        this.HideFloatTooltip();
+        this.CloseTooltipDialog();
+
+        if (this.DialogDrawTool) this.DialogDrawTool.Close();
+        this.CloseModifyDrawDialog();
+
+        if (this.DialogSelectRect) this.DialogSelectRect.Close();
+        if (this.DialogSearchIndex) this.DialogSearchIndex.Close();
+        if (this.DialogModifyIndexParam) this.DialogModifyIndexParam.Close();
+    }
 
 
     //obj={ Element:, Canvas: }
@@ -7445,9 +7490,17 @@ function JSChartContainer(uielement, OffscreenElement, cacheElement)
     {
         this.IsDestroy=true;
         this.StopAutoUpdate();
+
         this.DestroyTooltipDialog();
         this.DestroyFloatTooltip();
+
         this.DestroySearchIndexDialog();
+        this.DestroyDialogModifyIndexParam();
+
+        this.DestroyDialogDrawTool();
+        this.DestroyDialogModifyDraw();
+
+        this.DestroyDialogSelectRect();
     }
 
     this.ChartDestory=this.ChartDestroy;    //老版本写错了,需要兼容下
@@ -10902,16 +10955,16 @@ function JSChartContainer(uielement, OffscreenElement, cacheElement)
     {
         if (this.ChartSplashPaint && this.ChartSplashPaint.IsEnableSplash == true) return;
 
+        var keyID = e.keyCode ? e.keyCode :e.which;
+
         //回调事件
         var event=this.GetEventCallback(JSCHART_EVENT_ID.ON_KEYDOWN);
         if (event && event.Callback)
         {
-            var sendData={ e:e, PreventDefault:false };
+            var sendData={ e:e, KeyID:keyID, PreventDefault:false };
             event.Callback(event, sendData, this);
             if (sendData.PreventDefault) return;
         }
-        
-        var keyID = e.keyCode ? e.keyCode :e.which;
 
         var draw=false;
         if (this.ChartCorssCursor && this.ChartCorssCursor.OnKeyDown)   //十字光标 隐藏显示
@@ -39997,23 +40050,21 @@ function ChartStickLine()
     delete this.newMethod;
 
     this.ClassName='ChartStickLine';    //类名
-    this.Color="rgb(255,193,37)";               //线段颜色
-    this.BarType=0;                     //柱子类型 0=实心 1=空心 -1=画虚线空心柱
-    this.LineDotted=[3,3];              //虚线设置
-    this.Width=0;                       //柱子宽度 0=1 3,50=k线宽度 101=K线宽度+间距宽度
+    this.Color="rgb(255,193,37)";                //线段颜色
+    this.BarType=0;                                 //柱子类型 0=实心 1=空心 -1=画虚线空心柱
+    this.LineDotted=[3,3];                          //虚线设置
+    this.Width=0;                                   //柱子宽度 0=1 3,50=k线宽度 101=K线宽度+间距宽度
+    this.IsHScreen=false;
+    
+    this.BarCache={ Type:0 };                  //Type:1=线段 2=柱子
 
     this.SetEmptyBar=function()         //设置空心柱子
     {
         if (this.BarType!=1 && this.BarType!=-1) return false;
 
-        this.Canvas.lineWidth=GetDevicePixelRatio();
-        this.Canvas.strokeStyle=this.Color;
         var emptyBGColor=g_JSChartResource.EmptyBarBGColor;
-        if (emptyBGColor) this.Canvas.fillStyle=emptyBGColor;
-        if (this.BarType==-1)   //虚线
-        {
-            this.Canvas.setLineDash(this.LineDotted);   //虚线
-        }
+        if (emptyBGColor) this.BarCache.EmptyBGColor=emptyBGColor;
+        if (this.BarType==-1) this.BarCache.LineDotted=this.LineDotted;
 
         return true;
     }
@@ -40023,13 +40074,6 @@ function ChartStickLine()
         return (this.BarType==1 || this.BarType==-1);
     }
 
-    this.CalculateBarHeight=function(y,y2)
-    {
-        var barHeight=Math.abs(y-y2);
-        if (barHeight<=0) barHeight=1;
-        return barHeight;
-    }
-
     this.Draw=function()
     {
         if (!this.IsShow || this.ChartFrame.IsMinSize || !this.IsVisible) return;
@@ -40044,81 +40088,93 @@ function ChartStickLine()
 
         if (!this.Data || !this.Data.Data) return;
 
-        var isHScreen=(this.ChartFrame.IsHScreen===true);
+        var pixelRatio=GetDevicePixelRatio();
+        this.BarCache={ Color:this.Color, EmptyBGColor:null, Width:1*pixelRatio, Type:0, LineDotted:null };
+
+        this.IsHScreen=(this.ChartFrame.IsHScreen===true);;
         var dataWidth=this.ChartFrame.DataWidth;
         var distanceWidth=this.ChartFrame.DistanceWidth;
         var chartright=this.ChartBorder.GetRight();
-        var zoomIndex=this.ChartFrame.ZoomIndex;
-        if (isHScreen) chartright=this.ChartBorder.GetBottom();
         var xPointCount=this.ChartFrame.XPointCount;
         var xOffset=this.ChartBorder.GetLeft()+distanceWidth/2.0+g_JSChartResource.FrameLeftMargin;
-        if (isHScreen) xOffset=this.ChartBorder.GetTop()+distanceWidth/2.0+g_JSChartResource.FrameLeftMargin;
+        if (this.IsHScreen) 
+        {
+            chartright=this.ChartBorder.GetBottom();
+            xOffset=this.ChartBorder.GetTop()+distanceWidth/2.0+g_JSChartResource.FrameLeftMargin;
+        }
 
         var isMinute=this.IsMinuteFrame();
         
-        this.Canvas.save();
-        var bFillBar=false;
-        var bFillKLine=false;
-        var emptyBGColor=g_JSChartResource.EmptyBarBGColor;
-
         if (isMinute)
         {
-            if (this.Width>1) this.Canvas.lineWidth=2*GetDevicePixelRatio();
-            else this.Canvas.lineWidth=GetDevicePixelRatio();
-            this.Canvas.strokeStyle=this.Color;
+            if (this.Width>1) this.BarCache.Width=2*pixelRatio;
+            this.BarCache.Type=1;
         }
-        else if(this.Width==0)  //宽度时0，使用宽度1
+        else if(this.Width<=0)  //宽度时0，使用宽度1
         {
+            this.BarCache.Type=1;
             this.SetEmptyBar();
-            this.Canvas.lineWidth=GetDevicePixelRatio();
-            this.Canvas.strokeStyle=this.Color;
         }
         else if (this.Width==3 || this.Width==50)   //3和50 K线宽度
         {
+            this.BarCache.Type=1;
             if (dataWidth>=4)
             {
-                bFillKLine=true; 
+                this.BarCache.Type=2;
+                this.BarCache.Width=dataWidth;
                 this.SetEmptyBar();
-                if (!this.IsEmptyBar()) this.Canvas.fillStyle=this.Color; 
-                this.Canvas.strokeStyle=this.Color;
             }
-            else    //太细了 画竖线
-            {
-                this.Canvas.lineWidth=GetDevicePixelRatio();
-                this.Canvas.strokeStyle=this.Color;
-            }  
         }
-        else if (this.Width==101)
+        else if (this.Width==101)   //柱子+间距
         {
-            var lineWidth=dataWidth+distanceWidth+1*GetDevicePixelRatio();
-            this.Canvas.lineWidth=lineWidth;
-            this.Canvas.strokeStyle=this.Color;
+            this.BarCache.Type=1;
+            var lineWidth=dataWidth+distanceWidth+1*pixelRatio;
+            if (lineWidth>=4)
+            {
+                this.BarCache.Type=2;
+                this.BarCache.Width=lineWidth
+                this.SetEmptyBar();
+            }
         }
         else if (this.Width<=3)
         {
-            var minWidth=2*GetDevicePixelRatio();
+            var minWidth=2*pixelRatio;
             var barWidth=dataWidth*(this.Width/3);
             if (barWidth<minWidth) barWidth=minWidth;
-            this.SetEmptyBar();
-            if (!this.IsEmptyBar()) this.Canvas.fillStyle=this.Color;
-            bFillBar=true;
+            this.BarCache.Type=1;
+            if (barWidth>=4)
+            {
+                this.BarCache.Type=2;
+                this.BarCache.Width=barWidth;
+                this.SetEmptyBar();
+            }
         }
         else
         {
-            var barWidth=this.Width*GetDevicePixelRatio()+dataWidth;
+            var barWidth=this.Width*pixelRatio+dataWidth;
+            this.BarCache.Type=2;
+            this.BarCache.Width=barWidth;
             this.SetEmptyBar();
-            if (!this.IsEmptyBar()) this.Canvas.fillStyle=this.Color;
-            bFillBar=true;
         }
 
+        this.Canvas.save();
+        this.ClipClient(this.IsHScreen);
+
+        this.Canvas.strokeStyle=this.BarCache.Color;
+        if (this.BarCache.EmptyBGColor) this.Canvas.fillStyle=this.BarCache.EmptyBGColor;   //空心柱子
+        else this.Canvas.fillStyle=this.BarCache.Color;
+        if (IFrameSplitOperator.IsNonEmptyArray(this.BarCache.LineDotted)) this.Canvas.setLineDash(this.BarCache.LineDotted);   //虚线
+        if (this.BarCache.Type==1) this.Canvas.lineWidth=this.BarCache.Width;
+
         for(var i=this.Data.DataOffset,j=0;i<this.Data.Data.length && j<xPointCount;++i,++j,xOffset+=(dataWidth+distanceWidth))
         {
             var value=this.Data.Data[i];
-            if (value==null) continue;
+            if (!value) continue;
+            if (!IFrameSplitOperator.IsNumber(value.Value)) continue;
 
             var price=value.Value;
-            var price2=value.Value2;
-            if (price2==null) price2=0;
+            var price2=0;
+            if (IFrameSplitOperator.IsNumber(value.Value2)) price2=value.Value2;
 
             if (isMinute)
             {
@@ -40131,103 +40187,79 @@ function ChartStickLine()
                 var x=left+(right-left)/2;
             }
 
-            var y=this.ChartFrame.GetYFromData(price);
-            var y2=this.ChartFrame.GetYFromData(price2);
+            var y=this.ChartFrame.GetYFromData(price,false);
+            var y2=this.ChartFrame.GetYFromData(price2,false);
 
             if (x>chartright) break;
 
-            if (bFillBar)
-            {
-                if (isHScreen)
-                {
-                    var left=x-barWidth/2;
-                    var width=barWidth;
-                    if (this.IsEmptyBar()) //空心
-                    {
-                        this.Canvas.beginPath();
-                        this.Canvas.rect(ToFixedPoint(Math.min(y,y2)),ToFixedPoint(left),ToFixedRect(Math.abs(y-y2)),ToFixedRect(width));
-                        this.Canvas.stroke();
-                    }
-                    else
-                    {
-                        this.Canvas.fillRect(ToFixedRect(Math.min(y,y2)),ToFixedRect(left),ToFixedRect(Math.abs(y-y2)),ToFixedRect(width));
-                    }
-                }
-                else
-                {
-                    var left=x-barWidth/2;
-                    var width=barWidth;
-                    if (left+width>chartright) width=chartright-left; //不要超过右边框子
-                    if (this.IsEmptyBar()) //空心
-                    {
-                        if (emptyBGColor)
-                            this.Canvas.fillRect(ToFixedRect(left),ToFixedRect(Math.min(y,y2)),ToFixedRect(width),ToFixedRect(Math.abs(y-y2)));
+            var xCenter=x;
+            var yTop=Math.min(y,y2);
+            var barHeight=Math.abs(y-y2);   //柱子高度
 
-                        this.Canvas.beginPath();
-                        this.Canvas.rect(ToFixedPoint(left),ToFixedPoint(Math.min(y,y2)),ToFixedRect(width),ToFixedRect(Math.abs(y-y2)));
-                        this.Canvas.stroke();
-                    }
-                    else
-                    {
-                        this.Canvas.fillRect(ToFixedRect(left),ToFixedRect(Math.min(y,y2)),ToFixedRect(width),ToFixedRect(this.CalculateBarHeight(y,y2)));
-                    }
-                }
+            this.DrawBar(xCenter, yTop, barHeight);
+        }
+            
+        this.Canvas.restore();
+    }
+
+    this.DrawBar=function(xCenter, ytop, barHeight)
+    {
+        if (barHeight<1) barHeight=1;
+
+        if (this.BarCache.Type==1)  //线段
+        {
+            if (this.IsHScreen)
+            {
+                this.Canvas.beginPath();
+                this.Canvas.moveTo(ytop,ToFixedPoint(xCenter));
+                this.Canvas.lineTo(ytop+barHeight,ToFixedPoint(xCenter));
+                this.Canvas.stroke();
+            }
+            else
+            {
+                this.Canvas.beginPath();
+                this.Canvas.moveTo(ToFixedPoint(xCenter),ytop);
+                this.Canvas.lineTo(ToFixedPoint(xCenter),ytop+barHeight);  
+                this.Canvas.stroke();
             }
-            else if (bFillKLine)
+        }
+        else if (this.BarCache.Type==2) //柱子
+        {
+            if (this.IsHScreen)
             {
-                if (this.IsEmptyBar())    //空心
+                var xLeft=xCenter-this.BarCache.Width/2;
+                if (this.IsEmptyBar()) //空心
                 {
-                    if (isHScreen)
-                    {
-                        this.Canvas.beginPath();
-                        this.Canvas.rect(ToFixedPoint(Math.min(y,y2)),ToFixedPoint(xOffset),ToFixedRect(Math.abs(y-y2)),ToFixedRect(dataWidth));
-                        this.Canvas.stroke();
-                    }
-                    else
-                    {
-                        if (emptyBGColor)
-                            this.Canvas.fillRect(ToFixedRect(xOffset),ToFixedRect(Math.min(y,y2)),ToFixedRect(dataWidth),ToFixedRect(Math.abs(y-y2)));
+                    if (this.BarCache.EmptyBGColor) //背景色填充
+                        this.Canvas.fillRect(ToFixedRect(ytop),ToFixedRect(xLeft),ToFixedRect(barHeight),ToFixedRect(this.BarCache.Width));
 
-                        this.Canvas.beginPath();
-                        this.Canvas.rect(ToFixedPoint(xOffset),ToFixedPoint(Math.min(y,y2)),ToFixedRect(dataWidth),ToFixedRect(Math.abs(y-y2)));
-                        this.Canvas.stroke();
-                    }
+                    this.Canvas.beginPath();
+                    this.Canvas.rect(ToFixedPoint(ytop),ToFixedPoint(xLeft),ToFixedRect(barHeight),ToFixedRect(this.BarCache.Width));
+                    this.Canvas.stroke();
                 }
                 else
                 {
-                    if (isHScreen) 
-                    {
-                        this.Canvas.fillRect(ToFixedRect(Math.min(y,y2)),ToFixedRect(xOffset),ToFixedRect(Math.abs(y-y2)),ToFixedRect(dataWidth));
-                    }
-                    else 
-                    {
-                        this.Canvas.fillRect(ToFixedRect(xOffset),ToFixedRect(Math.min(y,y2)),ToFixedRect(dataWidth),ToFixedRect(this.CalculateBarHeight(y,y2)));
-                    }
-                        
+                    this.Canvas.fillRect(ToFixedRect(ytop),ToFixedRect(xLeft),ToFixedRect(barHeight),ToFixedRect(this.BarCache.Width));
                 }
             }
             else
             {
-                if (isHScreen)
+                var xLeft=xCenter-this.BarCache.Width/2;
+                if (this.IsEmptyBar()) //空心
                 {
+                    if (this.BarCache.EmptyBGColor) //背景色填充
+                        this.Canvas.fillRect(ToFixedRect(xLeft),ToFixedRect(ytop),ToFixedRect(this.BarCache.Width),ToFixedRect(barHeight));
+
                     this.Canvas.beginPath();
-                    this.Canvas.moveTo(y,ToFixedPoint(x));
-                    this.Canvas.lineTo(y2,ToFixedPoint(x));
+                    this.Canvas.rect(ToFixedPoint(xLeft),ToFixedPoint(ytop),ToFixedRect(this.BarCache.Width),ToFixedRect(barHeight));
                     this.Canvas.stroke();
                 }
                 else
                 {
-                    var xFix=parseInt(x.toString())+0.5;
-                    this.Canvas.beginPath();
-                    this.Canvas.moveTo(xFix,y);
-                    if (Math.abs(y-y2)>0) this.Canvas.lineTo(xFix,y2);
-                    else this.Canvas.lineTo(xFix,y+1);  //太窄了，就画一个像素的宽度
-                    this.Canvas.stroke();
+                    this.Canvas.fillRect(ToFixedRect(xLeft),ToFixedRect(ytop),ToFixedRect(this.BarCache.Width),ToFixedRect(barHeight));
                 }
             }
         }
-
-        this.Canvas.restore();
     }
 
     this.GetMaxMin=function()
@@ -76015,6 +76047,12 @@ function JSChartResource()
 
         TitleColor:'rgb(250,250,250)',       //标题颜色
         TitleBGColor:"rgb(200, 66, 69)",    //标题背景颜色
+
+        Mark:
+        {
+            LineColor:"rgba(255,165,0,0.6)",
+            LineWidth:2,
+        }
     }
 
     this.PopKLineChart=
@@ -77621,6 +77659,11 @@ function JSChartResource()
             if (item.BorderColor) dest.BorderColor=item.BorderColor;
             if (item.TitleColor) dest.TitleColor=item.TitleColor;
             if (item.TitleBGColor) dest.TitleBGColor=item.TitleBGColor;
+            if (item.Mark)
+            {
+                if (item.Mark.LineColor) dest.Mark.LineColor=item.Mark.LineColor;
+                if (IFrameSplitOperator.IsNumber(item.Mark.LineWidth)) dest.Mark.LineWidth=item.Mark.LineWidth;
+            }
         }
 
         if (style.PopKLineChart)
@@ -81109,6 +81152,7 @@ function KLineChartContainer(uielement,OffscreenElement, cacheElement)
     this.ShowMinuteChartDialog=function(data, x,y)
     {
         if (!this.PopMinuteChart) return;
+        if (!ChartData.IsDayPeriod(this.Period,true)) return;   //只支持日K
         if (!data.Tooltip || !data.Chart) return;
 
         var pixelRatio=GetDevicePixelRatio();
@@ -81134,7 +81178,7 @@ function KLineChartContainer(uielement,OffscreenElement, cacheElement)
 
         if (!symbol) return;
 
-        this.PopMinuteChart.Show({ Date:date, Symbol:symbol, Data:data.Tooltip.Data }, x/pixelRatio,y/pixelRatio);
+        this.PopMinuteChart.Show({ Date:date, Symbol:symbol, Data:data.Tooltip.Data, Chart:data.Tooltip.ChartPaint }, x/pixelRatio,y/pixelRatio);
     }
 
    
@@ -89960,17 +90004,17 @@ function MinuteChartContainer(uielement,offscreenElement,cacheElement)
 
         if (this.ChartSplashPaint && this.ChartSplashPaint.IsEnableSplash == true) return;
 
+        var keyID = e.keyCode ? e.keyCode :e.which;
+
         //回调事件
         var event=this.GetEventCallback(JSCHART_EVENT_ID.ON_KEYDOWN);
         if (event && event.Callback)
         {
-            var sendData={ e:e, PreventDefault:false };
+            var sendData={ e:e, KeyID:keyID, PreventDefault:false };
             event.Callback(event, sendData, this);
             if (sendData.PreventDefault) return;
         }
 
-        var keyID = e.keyCode ? e.keyCode :e.which;
-
         var draw=false;
         if (this.ChartCorssCursor && this.ChartCorssCursor.OnKeyDown)   //十字光标 隐藏显示
         {
@@ -129603,6 +129647,11 @@ function GetBlackStyle()
         {
             BGColor:"rgba(0,0,0,0.85)",
             BorderColor:"rgb(230,230,230)",
+
+            Mark:
+            {
+                LineColor:"rgba(255,215,0,0.6)",
+            }
         },
 
         PopKLineChart:
@@ -149719,6 +149768,17 @@ function JSPopMinuteChart()
         Option:JSPopMinuteChart.GetMinuteOption(),
         JSChart:null,
         Date:null,
+        Symbol:null,
+        Name:null,
+        Chart:null,
+    }
+
+    this.ClearCache=function()
+    {
+        this.Minute.Date=null;
+        this.Minute.Symbol=null;
+        this.Minute.Name=null;
+        this.Minute.Chart=null;
     }
 
     this.Inital=function(hqchart, option)
@@ -149732,6 +149792,11 @@ function JSPopMinuteChart()
                 var item=CloneData(option.Option);  //复制一份出来
                 this.Minute.Option=Object.assign(this.Minute.Option,item);
             }
+
+            if (option.EnableMarkBG)    //标记背景
+            {
+                this.HQChart.CreateExtendChart("MarkPopMinutePaint");
+            }
         }
     }
 
@@ -149772,6 +149837,15 @@ function JSPopMinuteChart()
         if (this.HQChart) this.Minute.Option.Language=g_JSChartLocalization.GetLanguageName(this.HQChart.LanguageID);
         this.Minute.Option.OnCreatedCallback=(chart)=>{ this.OnCreateHQChart(chart); }
         this.Minute.Option.NetworkFilter=(data, callback)=>{ this.NetworkFilter(data, callback); }
+
+        this.Minute.Option.EventCallback=
+        [
+            {
+                event:JSCHART_EVENT_ID.ON_KEYDOWN,  //键盘消息
+                callback:(event, data, obj)=>{ this.OnKeyDown(event, data, obj); }
+            },
+        ];
+
         chart.SetOption(this.Minute.Option);  //设置K线配置
 
         document.body.appendChild(divDom);
@@ -149832,14 +149906,16 @@ function JSPopMinuteChart()
         if (!data.Symbol || !IFrameSplitOperator.IsPlusNumber(data.Date)) return;
 
         this.Date=data.Date;
-        var name=data.Symbol;
-        if (data.Name) name=data.Name;
-        var title=`${name} ${IFrameSplitOperator.FormatDateString(data.Date)} 分时图`
-        this.TitleBox.DivName.innerText=title;
+        this.Symbol=this.Name=data.Symbol;
+        if (data.Name) this.Name=data.Name;
+        this.Chart=data.Chart;
+       
+        this.UpdateDialogTitle();
 
         if (this.Minute.JSChart)
         {
-            this.Minute.JSChart.ChangeSymbol(data.Symbol);
+            this.Minute.JSChart.ChangeSymbol(this.Symbol);
+            this.MarkKLineBG();
         }
 
         if (!this.Minute.Option.EnableResize)
@@ -149862,11 +149938,19 @@ function JSPopMinuteChart()
         this.DivDialog.style.left = x + "px";
     }
 
+    this.UpdateDialogTitle=function()
+    {
+        var title=`${this.Name} ${IFrameSplitOperator.FormatDateString(this.Date)} 分时图 PageUp/PageDown翻页`;
+        this.TitleBox.DivName.innerText=title;
+    }
+
     this.Close=function(e)
     {
         if (!this.DivDialog) return;
 
+        this.ClearCache();
         this.DivDialog.style.visibility='hidden';
+        this.ClearMarkKLineBG();
     }
 
     this.OnMouseDownTitle=function(e)
@@ -149928,6 +150012,114 @@ function JSPopMinuteChart()
 
         if (this.Minute.JSChart) this.Minute.JSChart.SetLanguage(language);
     }
+
+
+    this.OnKeyDown=function(event, data, obj)
+    {
+        switch(data.KeyID)
+        {
+            case 33:    //page up
+                data.PreventDefault=true;
+                var date=this.GetNextDate(1);
+                if (IFrameSplitOperator.IsPlusNumber(date)) this.ChangeDate(date);
+                break;
+            case 34:    //page down
+                data.PreventDefault=true;
+                var date=this.GetNextDate(-1);
+                if (IFrameSplitOperator.IsPlusNumber(date)) this.ChangeDate(date);
+                break;
+            default:
+                return;
+        }
+    }
+
+    this.GetNextDate=function(step)
+    {
+        if (!this.Chart) return null;
+        if (!IFrameSplitOperator.IsNumber(this.Date)) return null;
+        if (step==0) return null;
+
+        var kData=this.Chart.Data;
+        if (!kData || !IFrameSplitOperator.IsNonEmptyArray(kData.Data)) return null;
+
+        var index=-1;
+        for(var i=0;i<kData.Data.length;++i)
+        {
+            var kItem=kData.Data[i];
+            if (!kItem) continue;
+
+            if (kItem.Date==this.Date)
+            {
+                index=i;
+                break;
+            }
+        }
+
+        if (index<0) return null;
+
+        var date=null;
+        if (step>0)
+        {
+            for(var i=1, j=0;j<step && index+i<kData.Data.length;++i)
+            {
+                var kItem=kData.Data[index+i];
+                if (!kItem || !IFrameSplitOperator.IsNumber(kItem.Date)) continue;
+
+                date=kItem.Date;
+                ++j;
+            }
+        }
+        else
+        {
+            step=Math.abs(step);
+            for(var i=1, j=0;j<step && index-i>=0;++i)
+            {
+                var kItem=kData.Data[index-i];
+                if (!kItem || !IFrameSplitOperator.IsNumber(kItem.Date)) continue;
+
+                date=kItem.Date;
+                ++j;
+            }
+        }
+
+        if (date==this.Date) return null;
+
+        return date;
+    }
+
+    //修改日期
+    this.ChangeDate=function(date)
+    {
+        if (!this.Minute.JSChart) return;
+           
+        this.Date=date;
+        this.UpdateDialogTitle();
+        this.Minute.JSChart.ChangeSymbol(this.Symbol);
+        this.MarkKLineBG();
+    }
+
+    this.MarkKLineBG=function()
+    {
+        if (!this.HQChart) return;
+
+        var finder=this.HQChart.GetExtendChartByClassName("MarkPopMinutePaint");
+        if (!finder || !finder.Chart) return;
+
+        finder.Chart.SetDate([this.Date]);
+        this.HQChart.Draw();
+
+    }
+
+    this.ClearMarkKLineBG=function()
+    {
+        if (!this.HQChart) return;
+
+        var finder=this.HQChart.GetExtendChartByClassName("MarkPopMinutePaint");
+        if (!finder || !finder.Chart) return;
+
+        finder.Chart.ClearData();
+        this.HQChart.Draw();
+    }
 }
 
 
@@ -150259,6 +150451,118 @@ JSTooltipMinuteChart.GetMinuteOption=function()
 }
 
 
+///////////////////////////////////////////////////////
+// K线上标记选中
+
+function MarkPopMinutePaint()
+{
+    this.newMethod=IExtendChartPainting;   //派生
+    this.newMethod();
+    delete this.newMethod;
+
+    this.ClassName="MarkPopMinutePaint";
+    this.MapDate;   //标记日期
+    this.BGColor="rgba(100,100,100,0.2)";
+    this.LineWidth=g_JSChartResource.PopMinuteChart.Mark.LineWidth;
+    this.LineColor=g_JSChartResource.PopMinuteChart.Mark.LineColor;
+    this.SubFrame;
+    this.IsDynamic=true;
+
+
+    this.ReloadResource=function(resource)
+    {
+        this.LineWidth=g_JSChartResource.PopMinuteChart.Mark.LineWidth;
+        this.LineColor=g_JSChartResource.PopMinuteChart.Mark.LineColor;
+    }
+
+    this.SetDate=function(aryDate)
+    {
+        this.MapDate=new Map();
+        if (IFrameSplitOperator.IsNonEmptyArray(aryDate))
+        {
+            for(var i=0;i<aryDate.length;++i)
+            {
+                var date=aryDate[i];
+                this.MapDate.set(date, { Date:date} );
+            }
+        }
+    }
+
+    this.ClearData=function()
+    {
+        this.MapDate=null;
+    }
+
+    this.Draw=function()
+    {
+        this.SubFrame=null;
+        if (!this.HQChart) return;
+        if (!this.ChartFrame || !IFrameSplitOperator.IsNonEmptyArray(this.ChartFrame.SubFrame)) return;
+        if (!this.MapDate || this.MapDate.size<=0) return;
+
+        var kData=this.HQChart.GetKData();
+        if (!kData || !IFrameSplitOperator.IsNonEmptyArray(kData.Data)) return;
+        this.SubFrame=this.ChartFrame.SubFrame[0].Frame;
+        if (!this.SubFrame) return;
+
+        var dataWidth=this.SubFrame.DataWidth;
+        var distanceWidth=this.SubFrame.DistanceWidth;
+        var xPointCount=this.SubFrame.XPointCount;
+        var border=this.SubFrame.GetBorder();
+        var xOffset=border.LeftEx+distanceWidth/2.0+g_JSChartResource.FrameLeftMargin;
+        var chartright=border.RightEx;
+       
+        var startIndex=kData.DataOffset;
+        var aryBG=[];
+        for(var i=startIndex,j=0;i<kData.Data.length && j<xPointCount;++i,++j,xOffset+=(dataWidth+distanceWidth))
+        {
+            var kItem=kData.Data[i];
+            if (!kItem) continue;
+            if (!this.MapDate.has(kItem.Date)) continue
+            
+            var left=xOffset;
+            var right=xOffset+dataWidth;
+            var x=left+(right-left)/2;
+
+            var bgItem={ Left:left, XCenter:x, Right:right, DataIndex:i, DataWidth:dataWidth };
+            aryBG.push(bgItem);
+        }
+
+        if (IFrameSplitOperator.IsNonEmptyArray(aryBG))
+        {
+            this.Canvas.save();
+            this.DrawBG(aryBG);
+            this.Canvas.restore();
+        }
+
+        this.SubFrame=null;
+    }
+
+    this.DrawBG=function(aryBG)
+    {
+        var border=this.ChartFrame.ChartBorder.GetBorder();
+        var pixelRatio=GetDevicePixelRatio();
+        if (this.MapDate.size==1)   //标记一天
+        {
+            var item=aryBG[0];
+            var lineWidth=this.LineWidth*pixelRatio;
+            if (item.DataWidth<=4) lineWidth=1*pixelRatio;
+
+            this.Canvas.lineWidth=lineWidth;
+            this.Canvas.strokeStyle=this.LineColor;
+            this.Canvas.beginPath();
+            this.Canvas.moveTo(item.XCenter,border.TopEx);
+            this.Canvas.lineTo(item.XCenter,border.BottomEx);
+            this.Canvas.stroke();
+        }
+    }
+}
+
+
+JSChart.RegisterExtendChartClass("MarkPopMinutePaint", { Create:function() { return new MarkPopMinutePaint}} );
+
+
+
 
 
 
@@ -155163,7 +155467,7 @@ function HQChartScriptWorker()
 
 
 
-var HQCHART_VERSION="1.1.14541";
+var HQCHART_VERSION="1.1.14554";
 
 function PrintHQChartVersion()
 {