hqchart 1.1.14653 → 1.1.14663

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 )
 {
@@ -30705,6 +30728,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 +30810,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 +31449,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 +33336,7 @@ function ChartKLine()
         if (this.IsShowIndexTitleOnly()) return;
         if (this.IsHideScriptIndex()) return;
 
+        this.ClearDaySummary();
         this.IsShowOrderText=false;
         this.TooltipRect=[];
         this.InfoTooltipRect=[];
@@ -33417,6 +33475,8 @@ function ChartKLine()
                 this.FFKChart.DrawMaxMinPrice();
             }
         }
+
+        this.DrawDaySummary();
     }
 
     this.OnFormatHighLowTitle=function(ptMax, ptMin)
@@ -33487,8 +33547,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 +33602,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 +35715,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()
@@ -51552,6 +51754,7 @@ function StockChip()
     this.DefaultButton=CloneData(g_JSChartResource.StockChip.DefaultButton);     //默认筹码分布图
     this.LongButton=CloneData(g_JSChartResource.StockChip.LongButton);           //远期筹码分布图
     this.RecentButton=CloneData(g_JSChartResource.StockChip.RecentButton);       //近期筹码分布图
+    this.CloseButton=CloneData(g_JSChartResource.StockChip.CloseButton);        //关闭按钮
     this.ButtonTooltip=CloneData(g_JSChartResource.Buttons.Tooltip);
 
     this.DAY_COLOR=
@@ -51581,6 +51784,7 @@ function StockChip()
         this.DefaultButton=CloneData(g_JSChartResource.StockChip.DefaultButton);     //默认筹码分布图
         this.LongButton=CloneData(g_JSChartResource.StockChip.LongButton);           //远期筹码分布图
         this.RecentButton=CloneData(g_JSChartResource.StockChip.RecentButton);       //近期筹码分布图
+        this.CloseButton=CloneData(g_JSChartResource.StockChip.CloseButton);
         this.ButtonTooltip=CloneData(g_JSChartResource.Buttons.Tooltip);
     }
     
@@ -51738,9 +51942,11 @@ function StockChip()
         
         var aryButton=
         [
+            {ID:JSCHART_BUTTON_ID.CHIP_CLOSE, Style:this.CloseButton },
             {ID:JSCHART_BUTTON_ID.CHIP_RECENT, Style: this.RecentButton, ShowType:2 },
             {ID:JSCHART_BUTTON_ID.CHIP_LONG, Style: this.LongButton , ShowType:1},
-            {ID:JSCHART_BUTTON_ID.CHIP_DEFULT, Style: this.DefaultButton, ShowType:0 }
+            {ID:JSCHART_BUTTON_ID.CHIP_DEFULT, Style: this.DefaultButton, ShowType:0 },
+           
         ];
 
         //右往左绘制
@@ -77685,6 +77891,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=
     { 
@@ -78379,6 +78591,17 @@ function JSChartResource()
             MerginLeft:4
         },
 
+        CloseButton:
+        {
+            Color:"rgb(128,128,128)",
+            MoveOnColor:'rgb(30,144,255)',
+            SelectedColor:"rgb(0,0,204)",
+            Family:"iconfont",
+            Text:"\ue60c",
+            Size:13*GetDevicePixelRatio(),
+            MerginLeft:4
+        },
+
         //手机端
         PhoneCloseButton:
         {
@@ -79125,6 +79348,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;
@@ -80666,12 +80897,20 @@ function JSChartLocalization()
         ["Toolbar-"+JSCHART_BUTTON_ID.CHIP_RECENT, {CN:"近期成本分布", EN:"Recent chip", TC:"近期成本分布"}],
         ["Toolbar-"+JSCHART_BUTTON_ID.CHIP_LONG, {CN:"远期成本分布", EN:"Long chip", TC:"远期成本分布"}],
         ["Toolbar-"+JSCHART_BUTTON_ID.CHIP_DEFULT, {CN:"默认筹码分布", EN:"Default chip", TC:"默认筹码分布"}],
+        ["Toolbar-"+JSCHART_BUTTON_ID.CHIP_CLOSE, {CN:"关闭筹码图", EN:"Close chip", TC:"关闭筹码图"}],
         ["Toolbar-"+JSCHART_BUTTON_ID.DRAW_PICTURE_DELETE, {CN:"删除", EN:"Delete", TC:"删除"}],
         ["Toolbar-"+JSCHART_BUTTON_ID.DRAW_PICTURE_SETTING, {CN:"设置", EN:"Setting", TC:"设置"}],
 
         //日盘|夜盘
         ["日盘",{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)
@@ -82856,6 +83095,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;
@@ -87415,6 +87655,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;
@@ -87662,6 +87903,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:"鼠标形状", 
@@ -131512,6 +131755,13 @@ function GetBlackStyle()
             Text:{ Color:"rgb(219,220,220)", Font:`${12*GetDevicePixelRatio()}px 微软雅黑` } 
         },
 
+        DaySummaryKLine:
+        {
+            //Font:`${12*GetDevicePixelRatio()}px 微软雅黑`,
+            TextColor:"rgb(255,165,0)"
+        },
+
+
         //指标锁
         IndexLock:
         {
@@ -135778,6 +136028,16 @@ function JSReportChartContainer(uielement)
         if (!reportChart) 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, KeyID:keyID, PreventDefault:false, ReportChart:reportChart };
+             event.Callback(event, sendData, this);
+             if (sendData.PreventDefault) return;
+         }
+
         if (keyID==116) return; //F15刷新不处理
 
         this.HideAllTooltip();
@@ -144934,6 +145194,16 @@ function JSTReportChartContainer(uielement)
         if (!reportChart) 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, KeyID:keyID, PreventDefault:false, ReportChart:reportChart };
+             event.Callback(event, sendData, this);
+             if (sendData.PreventDefault) return;
+         }
+         
         if (keyID==116) return; //F15刷新不处理
 
         this.HideMinuteChartTooltip();
@@ -146521,6 +146791,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;
@@ -157522,7 +157875,7 @@ function HQChartScriptWorker()
 
 
 
-var HQCHART_VERSION="1.1.14652";
+var HQCHART_VERSION="1.1.14662";
 
 function PrintHQChartVersion()
 {