hqchart 1.1.14660 → 1.1.14667

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

@@ -4728,6 +4728,7 @@ function JSChart(divElement, bOffscreen, bCacheCanvas)
             }
 
             if (IFrameSplitOperator.IsBool(item.EnablePrediction)) klineChart.PredictionConfig.Enable=item.EnablePrediction;
+            if (IFrameSplitOperator.IsBool(item.EnableDaySummary)) klineChart.DaySummary.Enable=item.EnableDaySummary;
         }
 
         if(option.KLineTitle)
@@ -7065,6 +7066,7 @@ var JSCHART_MENU_ID=
 
     CMD_FULLSCREEN_SUMMARY_ID:56,           //当前屏区间统计
     CMD_CORSS_DBCLICK_ID:57,                //双击显示隐藏十字光标
+    CMD_ENABLE_KLINE_DAY_SUMMARY_ID:58,     //K线底部显示走完剩余时间
 
 
 
@@ -15038,6 +15040,13 @@ function JSChartContainer(uielement, OffscreenElement, cacheElement)
             case JSCHART_MENU_ID.CMD_FULLSCREEN_SUMMARY_ID:
                 this.FullScreenSummary();
                 break;
+            case JSCHART_MENU_ID.CMD_ENABLE_KLINE_DAY_SUMMARY_ID:
+                if (IFrameSplitOperator.IsBool(srcParam))
+                {
+                    this.ChartPaint[0].DaySummary.Enable=srcParam;
+                    this.Draw();
+                }
+                break;
         }
     }
 
@@ -15747,6 +15756,20 @@ function IsRectOverlap(rt, rt2)
     return false;
 }
 
+//获取文字高度和宽度
+function GetTextSize(canvas, text, option)
+{
+    var data=canvas.measureText(text);
+    var height=Math.abs(Math.abs(data.fontBoundingBoxAscent)+Math.abs(data.fontBoundingBoxDescent));
+    var textBaseline=canvas.textBaseline;
+
+    if (textBaseline=="top") height=data.fontBoundingBoxDescent;
+    else if (textBaseline=="bottom") height=data.fontBoundingBoxAscent;
+
+    var result={ Width:data.width, Height:height};
+    return result;
+}
+
 Number.prototype.toFixed2=Number.prototype.toFixed; //备份下老的
 Number.prototype.toFixed = function( precision )
 {
@@ -16273,7 +16296,7 @@ function IChartFramePainting()
 
     this.BorderLine=null;               //1=上 2=下 4=左 8=右
     this.Buttons=[];                    //按钮事件 
-    this.LeftButtonWidth=0;             //左侧按钮的宽度
+    this.ToolbarCacheSize=null;         //缓存工具条宽度{ RToolbar:{ Left:, Right }}
 
     this.IsMinSize=false;               //窗口是否最小化
 
@@ -16336,6 +16359,7 @@ function IChartFramePainting()
     {
         this.Buttons=[];
         this.HorizontalLabel=[];
+        this.ToolbarCacheSize=null;
         this.DrawClientBG();
         this.DrawFrame();
         this.DrawBorder();
@@ -16855,7 +16879,9 @@ function AverageWidthFrame()
             var right=border.Right-3;
             var left=border.Left;
             var yButton=border.Top+this.ChartBorder.TitleHeight/2;
-        
+
+            this.ToolbarCacheSize={ RToolbar:{ Right:right, Left:left }}
+
             //右往左绘制
             for(var i=0;i<aryButton.length;++i)
             {
@@ -16881,8 +16907,12 @@ function AverageWidthFrame()
 
                 this.Buttons.push({ ID:item.ID, Rect:rtButton });
 
+                this.ToolbarCacheSize.RToolbar.Left=rtButton.Left;
+
                 right=xBotton;
             }
+
+            
         }
     }
 
@@ -21887,7 +21917,6 @@ function KLineFrame()
         if (g_JSChartResource.IsDOMFrameToolbar===true) return;
 
         this.Buttons=[];
-        this.LeftButtonWidth=0;
         if (this.IsMinSize==true) return;
         if (this.ChartBorder.TitleHeight<5) return;
 
@@ -30705,6 +30734,31 @@ function ChartKLine()
     //面积图和收盘价线 断开点
     this.AryBreakPoint;
 
+    //天数统计
+    this.DaySummary={ MapDate:new Map(), Enable:false };
+    this.DaySummaryConfig=
+    {
+        Font: g_JSChartResource.DaySummaryKLine.Font,
+        TextColor: g_JSChartResource.DaySummaryKLine.TextColor
+    }
+
+    this.AddToDaySummary=function(kItem)
+    {
+        if (!this.DaySummary.Enable) return false;
+
+        if (!kItem) return false;
+        if (!IFrameSplitOperator.IsPlusNumber(kItem.Date)) return false;
+
+        if (this.DaySummary.MapDate.has(kItem.Date)) return false;
+
+        this.DaySummary.MapDate.set(kItem.Date, { Date:kItem.Date });
+    }
+
+    this.ClearDaySummary=function()
+    {
+        this.DaySummary.MapDate.clear();
+    }
+
     this.BuildDateTimeKey=function(item)
     {
         if (!item) return null;
@@ -30762,6 +30816,13 @@ function ChartKLine()
             UnchangeColor:g_JSChartResource.PredictionKLine.Bar.UnchangeColor, 
             DrawType:g_JSChartResource.PredictionKLine.Bar.DrawType
         };
+
+
+        this.DaySummaryConfig=
+        {
+            Font: g_JSChartResource.DaySummaryKLine.Font,
+            TextColor: g_JSChartResource.DaySummaryKLine.TextColor
+        }
             
     }
 
@@ -31394,6 +31455,8 @@ function ChartKLine()
             this.ShowRange.End=i;
             if (!data || data.Open==null || data.High==null || data.Low==null || data.Close==null) continue;
 
+            this.AddToDaySummary(data);
+
             var left=xOffset;
             var right=xOffset+dataWidth;
             if (right>chartright) break;
@@ -33279,6 +33342,7 @@ function ChartKLine()
         if (this.IsShowIndexTitleOnly()) return;
         if (this.IsHideScriptIndex()) return;
 
+        this.ClearDaySummary();
         this.IsShowOrderText=false;
         this.TooltipRect=[];
         this.InfoTooltipRect=[];
@@ -33417,6 +33481,8 @@ function ChartKLine()
                 this.FFKChart.DrawMaxMinPrice();
             }
         }
+
+        this.DrawDaySummary();
     }
 
     this.OnFormatHighLowTitle=function(ptMax, ptMin)
@@ -33487,8 +33553,33 @@ function ChartKLine()
         else text=text+rightArrow;
         if (ptTop.Y>(top-2))
         {
+            var textSize=GetTextSize(this.Canvas,text);
+            var textWidth=textSize.Width;
+            var textHeight=textSize.Height;
+            if (this.ChartFrame.CoordinateType==1)  //反转坐标
+            {
+                var rtText={ Width:textWidth, Height:textHeight, Top:ptTop.Y };
+                rtText.Bottom=rtText.Top+rtText.Height;
+            }
+            else
+            {
+                var rtText={ Width:textWidth, Height:textHeight, Bottom:ptTop.Y };
+                rtText.Top=rtText.Bottom-rtText.Height;
+            }
+            
+            if (ptTop.Align=="left")
+            {
+                rtText.Left=left;
+                rtText.Right=rtText.Left+rtText.Width;
+            }
+            else
+            {
+                rtText.Right=left;
+                rtText.Left=rtText.Right-rtText.Width;
+            }
+
             this.Canvas.fillText(text,left,ptTop.Y);
-            this.ChartFrame.ChartKLine.Max={X:left, Y:ptTop.Y, Text: { BaseLine:'bottom'}};
+            this.ChartFrame.ChartKLine.Max={X:left, Y:ptTop.Y, Text: { BaseLine:'bottom'}, Rect:rtText };
         }
         
         var ptBottom=ptMin;
@@ -33517,8 +33608,33 @@ function ChartKLine()
         else  text=text+rightArrow;
         if (ptBottom.Y<(bottom+1))
         {
+            var textSize=GetTextSize(this.Canvas,text);
+            var textWidth=textSize.Width;
+            var textHeight=textSize.Height;
+            if (this.ChartFrame.CoordinateType==1)  //反转坐标
+            {
+                var rtText={ Width:textWidth, Height:textHeight, Bottom:ptBottom.Y };
+                rtText.Top=rtText.Bottom-rtText.Height;
+            }
+            else
+            {
+                var rtText={ Width:textWidth, Height:textHeight, Top:ptBottom.Y };
+                rtText.Bottom=rtText.Top+rtText.Height;
+            }
+            
+            if (ptBottom.Align=="left")
+            {
+                rtText.Left=left;
+                rtText.Right=rtText.Left+rtText.Width;
+            }
+            else
+            {
+                rtText.Right=left;
+                rtText.Left=rtText.Right-rtText.Width;
+            }
+
             this.Canvas.fillText(text,left,ptBottom.Y);
-            this.ChartFrame.ChartKLine.Min={X:left, Y:ptBottom.Y, Text:{ BaseLine:'top'}};
+            this.ChartFrame.ChartKLine.Min={X:left, Y:ptBottom.Y, Text:{ BaseLine:'top'}, Rect:rtText };
         }
     }
 
@@ -35605,7 +35721,99 @@ function ChartKLine()
             }
         }
     }
-    
+
+    this.GetDaySummaryText=function()
+    {
+        var count=this.DaySummary.MapDate.size;
+        if (count<=0) return null;
+        if (!this.HQChart) return null;
+
+        var text;
+        if (ChartData.IsMinutePeriod(this.Data.Period,true))
+        {
+            text=`${count}${g_JSChartLocalization.GetText('天',this.HQChart.LanguageID)}`;
+            return text;
+        }
+
+        if (ChartData.IsDayPeriod(this.Data.Period,true))
+        {
+            switch(this.Data.Period)
+            {
+                case 0:
+                    text=`${count}${g_JSChartLocalization.GetText('天',this.HQChart.LanguageID)}`;
+                    break; 
+                case 1:
+                    text=`${count}${g_JSChartLocalization.GetText('周',this.HQChart.LanguageID)}`;
+                    break;
+                case 2:
+                    text=`${count}${g_JSChartLocalization.GetText('月',this.HQChart.LanguageID)}`;
+                    break;
+                case 4:
+                    text=`${count}${g_JSChartLocalization.GetText('年',this.HQChart.LanguageID)}`;
+                    break;
+                default:
+                    return null;
+            }
+            
+            return text;
+        }
+        
+        return null;
+    }
+
+    this.DrawDaySummary=function()
+    {
+        if (!this.DaySummary.Enable) return;
+        if (this.ChartFrame.IsHScreen===true) return;
+
+        var text=this.GetDaySummaryText();
+        if (!text) return;
+
+        this.Canvas.font=this.DaySummaryConfig.Font;
+       
+        this.Canvas.textAlign = 'left';
+        this.Canvas.textBaseline = 'bottom';
+
+        var border=this.ChartBorder.GetBorder();
+        var xText=border.Left+1;
+        var yText=border.Bottom;
+
+        var textSize=GetTextSize(this.Canvas,text);
+        var textWidth=textSize.Width;
+        var textHeight=textSize.Height;
+
+        var rtText={ Left:xText, Bottom:yText, Width:textWidth, Height:textHeight };
+        rtText.Right=rtText.Left+rtText.Width;
+        rtText.Top=rtText.Bottom-rtText.Height;
+
+        if (this.ChartFrame.ChartKLine.Max && this.ChartFrame.ChartKLine.Max.Rect)
+        {
+            var rtMax=this.ChartFrame.ChartKLine.Max.Rect;
+            if (IsRectOverlap(rtText,rtMax))
+            {
+                rtText.Left=rtMax.Right+2;
+                rtText.Right=rtText.Left+rtText.Width;
+            }
+        }
+
+        if (this.ChartFrame.ChartKLine.Min && this.ChartFrame.ChartKLine.Min.Rect)
+        {
+            var rtMin=this.ChartFrame.ChartKLine.Min.Rect;
+            if (IsRectOverlap(rtText,rtMin))
+            {
+                rtText.Left=rtMin.Right+2;
+                rtText.Right=rtText.Left+rtText.Width;
+            }
+        }
+
+        //this.Canvas.fillStyle="rgb(100,0,100)";
+        //this.Canvas.fillRect(rtText.Left,rtText.Top,rtText.Width,rtText.Height);
+
+        this.Canvas.fillStyle=this.DaySummaryConfig.TextColor;
+        this.Canvas.fillText(text,rtText.Left,rtText.Bottom);
+
+        this.ClearDaySummary();
+    }
 }
 
 function ChartColorKline()
@@ -64339,7 +64547,10 @@ function DynamicChartTitlePainting()
         }
         else
         {
-            this.DrawMainIndexTitle({ Left:left, Right:right, Bottom:bottom }, isShowLastData, rtText);
+            var yRight=right;
+            if (this.Frame.ToolbarCacheSize && this.Frame.ToolbarCacheSize.RToolbar) yRight=this.Frame.ToolbarCacheSize.RToolbar.Left-2;    //右侧按钮宽度要去掉
+            this.DrawMainIndexTitle({ Left:left, Right:yRight, Bottom:bottom }, isShowLastData, rtText);
+            if (IFrameSplitOperator.IsNumber(rtText.Bottom)) bottom=rtText.Bottom;
         }
         
         left=rtText.Left;
@@ -64377,7 +64588,7 @@ function DynamicChartTitlePainting()
         if (this.OverlayIndexType.Position==1) 
         {
             if (!this.Frame.ChartBorder.IsShowTitleOnly)
-                this.DrawOverlayIndexSingleLine(moveonPoint, mouseStatus);
+                this.DrawOverlayIndexSingleLine(moveonPoint, mouseStatus, bottom+1);
         }
         else 
         {
@@ -64569,9 +64780,11 @@ function DynamicChartTitlePainting()
         if (!this.IsShowMainIndexTitle) return;
 
         var left=positionInfo.Left;
+        var newLineLeft=this.Frame.ChartBorder.GetLeft()+this.MerginLeft+5;
         var right=positionInfo.Right;
         var bottom=positionInfo.Bottom;
         var pixelRatio=GetDevicePixelRatio();
+        var lineHeight=this.Canvas.measureText("擎").width+2;
         for(var i=0; i<this.Data.length; ++i)
         {
             var item=this.Data[i];
@@ -64611,7 +64824,12 @@ function DynamicChartTitlePainting()
                         }
                     }
 
-                    if ((left+textWidth+space)>right) break;
+                    if ((left+textWidth+space)>right) 
+                    {
+                        left=newLineLeft;
+                        bottom+=lineHeight;
+                        right=this.Frame.ChartBorder.GetRight();    //第2行以后 右侧边框
+                    }
                     
                     if (titleItem.BG)   //背景
                     {
@@ -64670,7 +64888,12 @@ function DynamicChartTitlePainting()
                 }
                 var space=this.ParamSpace*pixelRatio;
                 var textWidth=this.Canvas.measureText(text).width+space;
-                if ((left+textWidth)>right) break;
+                if ((left+textWidth)>right) //换行
+                {
+                    left=newLineLeft;
+                    bottom+=lineHeight;
+                    right=this.Frame.ChartBorder.GetRight();    //第2行以后 右侧边框
+                }
     
                 this.Canvas.fillText(text,left,bottom,textWidth);
                 left+=textWidth;
@@ -64678,6 +64901,7 @@ function DynamicChartTitlePainting()
         }
 
         rtText.Left=left;
+        rtText.Bottom=bottom;
     }
 
     //集合竞价
@@ -64866,10 +65090,12 @@ function DynamicChartTitlePainting()
         return { Text:valueText, ArrayText:aryText };
     }
 
-    this.DrawOverlayIndexSingleLine=function(moveonPoint, mouseStatus)   //叠加指标1个指标一行
+    this.DrawOverlayIndexSingleLine=function(moveonPoint, mouseStatus, yTop)   //叠加指标1个指标一行
     {
         var pixelRatio=GetDevicePixelRatio();
         var border=this.Frame.GetBorder();
+        var fontHeight=GetFontHeight(this.Canvas,this.Font,"擎");
+
         if (this.Frame.IsHScreen===true) 
         {
             var left=1;
@@ -64880,6 +65106,7 @@ function DynamicChartTitlePainting()
         else
         {
             var top=border.TopTitle+2*pixelRatio;
+            if (IFrameSplitOperator.IsNumber(yTop) && yTop>top) top=yTop+fontHeight/2+2*pixelRatio;
             if (!this.IsShowMainIndexTitle) top=this.Frame.ChartBorder.GetTop()+2*pixelRatio;
             var left=this.Frame.ChartBorder.GetLeft()+this.MerginLeft;
             var right=border.Right;
@@ -64889,7 +65116,6 @@ function DynamicChartTitlePainting()
 
         var lineSpace=this.OverlayIndexType.LineSpace*pixelRatio; 
         var x=left, y=top;
-        var fontHeight=GetFontHeight(this.Canvas,this.Font,"擎");
         y=top+fontHeight/2;
         for(item of this.OverlayIndex)
         {
@@ -77689,6 +77915,12 @@ function JSChartResource()
         Text:{ Color:"rgb(105,105,105)", Font:`${12*GetDevicePixelRatio()}px 微软雅黑`} 
     };
 
+    this.DaySummaryKLine=
+    {
+        Font:`${12*GetDevicePixelRatio()}px 微软雅黑`,
+        TextColor:"rgb(105,105,105)"
+    }
+
     //订单流配置
     this.OrderFlow=
     { 
@@ -79140,6 +79372,14 @@ function JSChartResource()
             }
         }
 
+        if (style.DaySummaryKLine)
+        {
+            var item=style.DaySummaryKLine;
+            var dest=this.DaySummaryKLine;
+            if (item.Font) dest.Font=item.Font;
+            if (item.TextColor) dest.TextColor=item.TextColor;
+        }
+
         if (style.Index) 
         {
             if (style.Index.LineColor) this.Index.LineColor = style.Index.LineColor;
@@ -80687,7 +80927,14 @@ function JSChartLocalization()
 
         //日盘|夜盘
         ["日盘",{CN:'日盘', EN:'Day', TC:'日盤'}],
-        ["夜盘",{CN:'夜盘', EN:'Night', TC:'夜盤'} ]
+        ["夜盘",{CN:'夜盘', EN:'Night', TC:'夜盤'} ],
+
+        
+        ["天", {CN:'天', EN:'Day', TC:'天'} ],
+        ["周", {CN:'周', EN:'Week', TC:'周'} ],
+        ["月", {CN:'月', EN:'Month', TC:'月'} ],
+        ["年", {CN:'年', EN:'Year', TC:'年'} ],
+        
     ]);
 
     this.GetText=function(key,language)
@@ -82872,6 +83119,7 @@ function KLineChartContainer(uielement,OffscreenElement, cacheElement)
         kline.Name="Main-KLine";
         kline.DrawType=this.KLineDrawType;
         kline.Identify="Main-KLine";
+        kline.HQChart=this;
         kline.GetEventCallback=(id)=>{ return this.GetEventCallback(id); };
 
         this.ChartPaint[0]=kline;
@@ -87431,6 +87679,7 @@ function KLineChartContainer(uielement,OffscreenElement, cacheElement)
         var klineType=klineChart.DrawType;
         var bThinAKBar=klineChart.IsThinAKBar;
         var priceGap=klineChart.PriceGap;                   //缺口配置信息
+        var bDaySummary=klineChart.DaySummary.Enable;
         var infoPosition=klineChart.InfoPosition;
         var coordinateType=null, yCoordinateType=null;      //坐标类型
         var mainFrame=null;
@@ -87678,6 +87927,8 @@ function KLineChartContainer(uielement,OffscreenElement, cacheElement)
 
                     { Name:"双击弹分时图", Data:{ ID:JSCHART_MENU_ID.CMD_ENABLE_POP_MINUTE_CHART_ID, Args:[!bPopMinuteChart]}, Checked:bPopMinuteChart},
 
+                    { Name:"显示走完剩余时间", Data:{ ID:JSCHART_MENU_ID.CMD_ENABLE_KLINE_DAY_SUMMARY_ID, Args:[!bDaySummary]}, Checked:bDaySummary},
+
                     { Name:JSPopMenu.SEPARATOR_LINE_NAME },
                     { 
                         Name:"鼠标形状", 
@@ -131528,6 +131779,13 @@ function GetBlackStyle()
             Text:{ Color:"rgb(219,220,220)", Font:`${12*GetDevicePixelRatio()}px 微软雅黑` } 
         },
 
+        DaySummaryKLine:
+        {
+            //Font:`${12*GetDevicePixelRatio()}px 微软雅黑`,
+            TextColor:"rgb(255,165,0)"
+        },
+
+
         //指标锁
         IndexLock:
         {
@@ -146557,6 +146815,89 @@ function ChartTReport()
         return null;
     }
 
+    //获取一行位置 option={ Symbol:, RowIndex:}
+    this.GetRowRect=function(option)
+    {
+        if (!this.Data) return null;
+        if (!IFrameSplitOperator.IsNonEmptyArray(this.Data.Data)) return null;
+
+        var symbol=null;
+        var rowIndex=null;
+        if (option)
+        {
+            if (option.Symbol) symbol=option.Symbol;
+            if (IFrameSplitOperator.IsNumber(option.RowIndex)) rowIndex=option.RowIndex;
+        }
+        var top=this.RectClient.Top+this.HeaderHeight;
+        var left=this.RectClient.Left;
+        var right=this.RectClient.Right;
+
+        var textTop=top+this.FixedRowHeight*this.FixedRowCount;
+        for(var i=this.Data.YOffset, j=0; i<this.Data.Data.length && j<this.RowCount ;++i, ++j, textTop+=this.RowHeight)
+        {
+            var exePrice=this.Data.Data[i];
+            var rtRow={ Left:left, Top:textTop, Right:right, Bottom: textTop+this.RowHeight };
+            rtRow.Height=rtRow.Bottom-rtRow.Top;
+            rtRow.Width=rtRow.Right-rtRow.Left;
+            
+            var data={ RectRow:rtRow, DataIndex:i, Index:j, ExePrice:exePrice };
+            var item=this.GetExePriceDataCallback(exePrice);
+            if (!item) continue;
+            
+            var bLeftFind=false, bRightFind=false;
+            if (symbol)
+            {
+                if (item.LeftData && item.LeftData.Symbol && item.LeftData.Symbol==symbol) bLeftFind=true;
+                if (item.RightData && item.RightData.Symbol && item.RightData.Symbol==symbol) bRightFind=true;
+            }
+            else if (IFrameSplitOperator.IsNumber(rowIndex))
+            {
+                if (rowIndex==i)
+                {
+                    bLeftFind=true;
+                    bRightFind=true;
+                }
+            }
+            
+            if (bLeftFind || bRightFind)
+            {
+                data.Item=item;
+                data.AryLeftRect=[];
+                data.AryRightRect=[];
+                data.ElementRect=this.UIElement.getBoundingClientRect();
+                data.PixelRatio=GetDevicePixelRatio();
+
+                var rtCenterItem=this.GetCenterItemRect();
+                var rtCenter={Left:rtCenterItem.Left, Right:rtCenterItem.Right, Top:rtRow.Top, Height:rtRow.Height, Bottom:rtRow.Bottom };
+
+                var xLeft=rtCenterItem.Left;    //左边
+                var xRight=rtCenterItem.Right;  //右边
+        
+                var reportleft=this.RectClient.Left;
+                var reportRight=this.RectClient.Right;
+                for(var k=this.Data.XOffset;k<this.Column.length;++k)
+                {
+                    var colItem=this.Column[k];
+                    var itemWidth=colItem.Width+this.ItemExtraWidth;
+                    xLeft-=itemWidth;
+                    if (xLeft<reportleft) break;
+        
+                    var rtItem={ Left:xLeft, Right:xLeft+itemWidth, Top:rtRow.Top, Height:rtRow.Height, Bottom:rtRow.Bottom, Width:itemWidth };
+                    data.AryLeftRect.push({ Rect:rtItem, ColumnIndex:k, Column:colItem })
+        
+                    rtItem={ Left:xRight, Right:xRight+itemWidth, Top:rtRow.Top, Height:rtRow.Height, Bottom:rtRow.Bottom, Width:itemWidth };
+                    data.AryRightRect.push({ Rect:rtItem, ColumnIndex:k, Column:colItem });
+
+                    xRight+=itemWidth;
+                }
+
+                return data;
+            }
+        }
+
+        return null;
+    }
+
     this.PtInBody=function(x,y)
     {
         if (!this.Data) return null;
@@ -157558,7 +157899,7 @@ function HQChartScriptWorker()
 
 
 
-var HQCHART_VERSION="1.1.14659";
+var HQCHART_VERSION="1.1.14666";
 
 function PrintHQChartVersion()
 {