hqchart 1.1.14660 → 1.1.14663

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hqchart",
-  "version": "1.1.14660",
+  "version": "1.1.14663",
   "description": "HQChart - H5, 微信小程序 沪深/港股/数字货币/期货/美股 K线图(kline),走势图,缩放,拖拽,十字光标,画图工具,截图,筹码图. 分析家语法,通达信语法,(麦语法),第3方数据对接",
   "main": "lib/main.js",
   "scripts": {

package/src/jscommon/umychart.TReport.js

@@ -3026,6 +3026,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;

package/src/jscommon/umychart.js

@@ -588,6 +588,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)
@@ -2925,6 +2926,7 @@ var JSCHART_MENU_ID=
 
     CMD_FULLSCREEN_SUMMARY_ID:56,           //当前屏区间统计
     CMD_CORSS_DBCLICK_ID:57,                //双击显示隐藏十字光标
+    CMD_ENABLE_KLINE_DAY_SUMMARY_ID:58,     //K线底部显示走完剩余时间
 
 
 
@@ -10898,6 +10900,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;
         }
     }
 
@@ -11607,6 +11616,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 )
 {
@@ -26565,6 +26588,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;
@@ -26622,6 +26670,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
+        }
             
     }
 
@@ -27254,6 +27309,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;
@@ -29139,6 +29196,7 @@ function ChartKLine()
         if (this.IsShowIndexTitleOnly()) return;
         if (this.IsHideScriptIndex()) return;
 
+        this.ClearDaySummary();
         this.IsShowOrderText=false;
         this.TooltipRect=[];
         this.InfoTooltipRect=[];
@@ -29277,6 +29335,8 @@ function ChartKLine()
                 this.FFKChart.DrawMaxMinPrice();
             }
         }
+
+        this.DrawDaySummary();
     }
 
     this.OnFormatHighLowTitle=function(ptMax, ptMin)
@@ -29347,8 +29407,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;
@@ -29377,8 +29462,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 };
         }
     }
 
@@ -31465,7 +31575,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()
@@ -73549,6 +73751,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=
     { 
@@ -75000,6 +75208,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;
@@ -76547,7 +76763,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)
@@ -78732,6 +78955,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;
@@ -83291,6 +83515,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;
@@ -83538,6 +83763,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:"鼠标形状", 

package/src/jscommon/umychart.style.js

@@ -296,6 +296,13 @@ function GetBlackStyle()
             Text:{ Color:"rgb(219,220,220)", Font:`${12*GetDevicePixelRatio()}px 微软雅黑` } 
         },
 
+        DaySummaryKLine:
+        {
+            //Font:`${12*GetDevicePixelRatio()}px 微软雅黑`,
+            TextColor:"rgb(255,165,0)"
+        },
+
+
         //指标锁
         IndexLock:
         {