hqchart 1.1.14349 → 1.1.14363

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

@@ -44531,7 +44531,7 @@ function ChartMultiBar()
 
         for(var mapItem of mapBar)
         {
-            aryBar=mapItem[1].AryBar;
+            var aryBar=mapItem[1].AryBar;
             if (!IFrameSplitOperator.IsNonEmptyArray(aryBar)) continue;
 
             var config=null;
@@ -44539,6 +44539,7 @@ function ChartMultiBar()
             var count=0;
             var drawType=-1;    //1=直线 2=实心 3=空心
             var barWidth=1;
+            this.Canvas.beginPath();
             for(var i=0;i<aryBar.length;++i)
             {
                 var item=aryBar[i];
@@ -44562,7 +44563,6 @@ function ChartMultiBar()
 
                 if (drawType==1)
                 {
-                    this.Canvas.beginPath();
                     if (this.IsHScreen)
                     {
                         this.Canvas.moveTo(ToFixedPoint(item.Y),ToFixedPoint(item.X));
@@ -45309,10 +45309,18 @@ function ChartMultiText()
             var mapItem=this.MapCache.get(key);
             if (!IFrameSplitOperator.IsNonEmptyArray(mapItem.Data)) continue;
 
-            var left=xOffset;
-            var right=xOffset+dataWidth;
-            if (right>chartright) break;
-            var x=left+(right-left)/2;
+            if (isMinute)
+            {
+                var x=this.ChartFrame.GetXFromIndex(j);
+            }
+            else
+            {
+                var left=xOffset;
+                var right=xOffset+dataWidth;
+                if (right>chartright) break;
+                var x=left+(right-left)/2;
+            }
+            
 
             for(var k=0;k<mapItem.Data.length;++k)
             {
@@ -45367,7 +45375,6 @@ function ChartMultiText()
 
                 if (item.Line)
                 {
-                    var kItem=this.Data.Data[item.Index];
                     var price=item.Line.KData=="H"? kItem.High:kItem.Low;
                     var yPrice=this.ChartFrame.GetYFromData(price, false);
                     var yText=y;
@@ -57119,8 +57126,9 @@ function ChartCorssCursor()
         Icon:g_JSChartResource.CorssCursor.RightButton.Icon
     };
 
-    this.RightMargin={ Left:2, Right:2, Top:4, Bottom:3 };
-    CopyMarginConfig(this.RightMargin, g_JSChartResource.CorssCursor.RightMargin);
+    this.RightMargin=CloneData(g_JSChartResource.CorssCursor.RightMargin);
+    this.BottomConfig=CloneData(g_JSChartResource.CorssCursor.BottomText);     //底部输出配置
+    this.LeftConfig=CloneData(g_JSChartResource.CorssCursor.LeftText);
 
     //内部使用
     this.Close=null;     //收盘价格
@@ -57492,36 +57500,48 @@ function ChartCorssCursor()
         {
             var text=this.StringFormatY.Text;
             this.Canvas.font=this.Font;
-            var textWidth=this.Canvas.measureText(text).width+4;    //前后各空2个像素
-            var textSize={ Width:textWidth, Height:this.TextHeight, Text:[] };
+            var textWidth=this.Canvas.measureText(text).width;    //前后各空2个像素
+            var textSize={ Width:textWidth+4, Height:this.TextHeight, Text:[] };
             var buttonData={Y:y, YValue:yValue, FrameID:yValueExtend.FrameID };
-            if (this.Frame.ChartBorder.Left>=30 && this.ShowTextMode.Left==1)
+
+            if (this.Frame.ChartBorder.Left>=30)    //左边
             {
-                if (left<textWidth ) //左边空白的地方太少了画布下
+                var margin=this.LeftConfig.Margin;
+                var textOffset=this.LeftConfig.TextOffset;
+
+                var rtBG=null;
+                if (this.ShowTextMode.Left==1)
                 {
-                    this.DrawTextBGRect(ToFixedPoint(2),ToFixedPoint(y-this.TextHeight/2),ToFixedRect(textWidth),ToFixedRect(this.TextHeight));
-                    this.Canvas.textAlign="left";
-                    this.Canvas.textBaseline="middle";
-                    this.Canvas.fillStyle=this.TextColor;
-                    this.Canvas.fillText(text,2+2,y,textWidth);
+                    var rtBG={ Right:left, Width:textWidth+margin.Left+margin.Right, YCenter:y, Height:textHeight+margin.Top+margin.Bottom };
+                    rtBG.Left=rtBG.Right-rtBG.Width;
+                    rtBG.Top=rtBG.YCenter-rtBG.Height/2;
+                    rtBG.Bottom=rtBG.Top+rtBG.Height;
+
+                    if (rtBG.Left<0) 
+                    {
+                        rtBG.Left=0;
+                        rtBG.Right=rtBG.Left+rtBG.Width;
+                    }
                 }
-                else
+                else if (this.ShowTextMode.Left==2) //在框架内显示
                 {
-                    this.DrawTextBGRect(left-2,y-this.TextHeight/2,-textWidth,this.TextHeight);
-                    this.Canvas.textAlign="right";
-                    this.Canvas.textBaseline="middle";
+                    var rtBG={ Left:left, Width:textWidth+margin.Left+margin.Right, YCenter:y, Height:textHeight+margin.Top+margin.Bottom };
+                    rtBG.Right=rtBG.Left+rtBG.Width;
+                    rtBG.Top=rtBG.YCenter-rtBG.Height/2;
+                    rtBG.Bottom=rtBG.Top+rtBG.Height;
+                }
+
+                if (rtBG)
+                {
+                    this.DrawTextBGRect(rtBG.Left,rtBG.Top,rtBG.Width,rtBG.Height);
+                    this.Canvas.textAlign="left";
+                    this.Canvas.textBaseline="bottom";
                     this.Canvas.fillStyle=this.TextColor;
-                    this.Canvas.fillText(text,left-4,y,textWidth);
+                    this.Canvas.fillText(text,rtBG.Left+textOffset.X, rtBG.Bottom+textOffset.Y);
                 }
             }
-            else if (this.ShowTextMode.Left==2) //在框架内显示
-            {
-                this.DrawTextBGRect(left,y-this.TextHeight/2,textWidth,this.TextHeight);
-                this.Canvas.textAlign="left";
-                this.Canvas.textBaseline="middle";
-                this.Canvas.fillStyle=this.TextColor;
-                this.Canvas.fillText(text,left+2,y,textWidth);
-            }
+
+            
 
             var complexText=
             { 
@@ -57663,26 +57683,42 @@ function ChartCorssCursor()
             var text=this.StringFormatX.Text;
             this.Canvas.font=this.Font;
             this.Canvas.fillStyle=this.TextBGColor;
-            var textWidth=this.Canvas.measureText(text).width+4;    //前后各空2个像素
+            var textWidth=this.Canvas.measureText(text).width;    //前后各空2个像素
+            var margin=this.BottomConfig.Margin;
+            var textOffset=this.BottomConfig.TextOffset;
+            var rtBG=
+            { 
+                Top:bottom, Height:margin.Top+margin.Bottom+textHeight, 
+                XCenter:x, Width:textWidth+margin.Left+margin.Right 
+            };
+            rtBG.Bottom=rtBG.Top+rtBG.Height;
+            rtBG.Left=rtBG.XCenter-rtBG.Width/2;
+            rtBG.Right=rtBG.Left+rtBG.Width;
+
+            if (rtBG.Left<=0)
+            {
+                rtBG.Left=0;
+                rtBG.Right=rtBG.Left+rtBG.Width;
+            }
+            else if (rtBG.Right>=right)
+            {
+                rtBG.Right=right;
+                rtBG.Left=rtBG.Right-rtBG.Width;
+            }
 
-            var yCenter=bottom+2+this.TextHeight/2;
-            var yTop=bottom+2;
             var bShowText=true;
             if (this.ShowTextMode.Bottom==2)
             {
-                yCenter=bottom-this.TextHeight/2-2;
-                yTop=bottom-this.TextHeight-2;
+                rtBG.Bottom=bottom;
+                rtBG.Top=rtBG.Bottom-rtBG.Height;
             }
             else if (this.ShowTextMode.Bottom==8)
             {
                 var event=this.GetEventCallback(JSCHART_EVENT_ID.ON_CUSTOM_CORSSCURSOR_POSITION);
                 if (event && event.Callback)
                 {
-                    var sendData={ YCenter:yCenter, YTop:yTop, Height:this.TextHeight, IsShowText:bShowText };
+                    var sendData={ RectText:rtBG, IsShowText:bShowText, X:x, Y:y };
                     event.Callback(event, sendData, this);
-
-                    yCenter=sendData.YCenter;
-                    yTop=sendData.YTop;
                     bShowText=sendData.IsShowText;
                 }
             }
@@ -57690,31 +57726,12 @@ function ChartCorssCursor()
             //JSConsole.Chart.Log('[ChartCorssCursor::Draw] ',yCenter);
             if (bShowText)
             {
-                if (x-textWidth/2<3)    //左边位置不够了, 顶着左边画
-                {
-                    this.DrawTextBGRect(x-1,yTop,textWidth,this.TextHeight);
-                    this.Canvas.textAlign="left";
-                    this.Canvas.textBaseline="middle";
-                    this.Canvas.fillStyle=this.TextColor;
-                    this.Canvas.fillText(text,x+1,yCenter,textWidth);
-                }
-                else if (x+textWidth/2>=right)
-                {
-                    this.DrawTextBGRect(right-textWidth,yTop,textWidth,this.TextHeight);
-                    this.Canvas.textAlign="right";
-                    this.Canvas.textBaseline="middle";
-                    this.Canvas.fillStyle=this.TextColor;
-                    this.Canvas.fillText(text,right-2,yCenter,textWidth);
-                }
-                else
-                {
-                    this.DrawTextBGRect(x-textWidth/2,yTop,textWidth,this.TextHeight);
-                    this.Canvas.textAlign="center";
-                    this.Canvas.textBaseline="middle";
-                    this.Canvas.fillStyle=this.TextColor;
-                    this.Canvas.fillText(text,x,yCenter,textWidth);
-                }
-            }
+                this.DrawTextBGRect(rtBG.Left,rtBG.Top,rtBG.Width,rtBG.Height);
+                this.Canvas.textAlign="left";
+                this.Canvas.textBaseline="bottom";
+                this.Canvas.fillStyle=this.TextColor;
+                this.Canvas.fillText(text,rtBG.Left+textOffset.X,rtBG.Bottom+textOffset.Y,textWidth);
+        }
         }
 
         //子坐标Y轴
@@ -75042,7 +75059,10 @@ function JSChartResource()
             Icon: { Text:'\ue6a3', Color:'rgb(255,255,255)', Family:"iconfont", Size:18 }
         },
 
-        RightMargin: { Left:2, Right:2, Top:5, Bottom:3 }
+        RightMargin: { Left:2, Right:2, Top:5, Bottom:3 },
+
+        BottomText:{ Margin: { Left:4, Right:4, Top:0, Bottom:0 }, TextOffset:{X:4, Y:-1 } },
+        LeftText:{ Margin: { Left:4, Right:4, Top:0, Bottom:0 }, TextOffset:{X:4, Y:-1 } }
     };
 
     this.LockBGColor = "rgb(220, 220, 220)";        //指标锁区域颜色
@@ -126964,6 +126984,16 @@ function APIScriptIndex(name,script,args,option, isOverlay)
 
                     result.push(outVarItem);
                 }
+                else if (draw.DrawType=='MULTI_BAR')
+                {
+                    drawItem.Text=draw.Text;
+                    drawItem.Name=draw.Name;
+                    drawItem.DrawType=draw.DrawType;
+                    drawItem.DrawData=draw.DrawData;
+                    outVarItem.Draw=drawItem;
+
+                    result.push(outVarItem);
+                }
                 else if (draw.DrawType=="DRAWCOLORKLINE")
                 {
                     drawItem.Name=draw.Name;
@@ -139505,10 +139535,8 @@ function JSTReportChart(divElement)
 
         if (option.EnableResize==true) this.CreateResizeListener();
 
-        if (option.MinuteChartTooltip && option.MinuteChartTooltip.Enable)
-        {
-            chart.InitalMinuteChartTooltip(option.MinuteChartTooltip);
-        }
+        if (option.MinuteChartTooltip && option.MinuteChartTooltip.Enable) chart.InitalMinuteChartTooltip(option.MinuteChartTooltip);   //分时图
+        if (option.FloatTooltip && option.FloatTooltip.Enable) chart.InitalFloatTooltip(option.FloatTooltip);   //提示信息
 
         if (option.Symbol)
         {
@@ -139762,6 +139790,7 @@ function JSTReportChartContainer(uielement)
     this.EnablePageCycle=false; //是否循环翻页
 
     this.TooltipMinuteChart;    //分时图
+    this.FloatTooltip;          //浮框提示
     this.LastMouseStatus={ MoveStatus:null, TooltipStatus:null, MouseOnStatus:null };
 
     this.IsDestroy=false;        //是否已经销毁了
@@ -139771,6 +139800,7 @@ function JSTReportChartContainer(uielement)
         this.IsDestroy=true;
         this.StopAutoUpdate();
         this.DestroyMinuteChartTooltip();
+        this.DestroyFloatTooltip();
     }
 
     this.InitalMinuteChartTooltip=function(option)
@@ -139813,6 +139843,51 @@ function JSTReportChartContainer(uielement)
         this.TooltipMinuteChart.Hide();
     }
 
+    this.InitalFloatTooltip=function(option)
+    {
+        if (this.FloatTooltip) return;
+
+        this.FloatTooltip=new JSFloatTooltip();
+        this.FloatTooltip.Inital(this, option);
+        this.FloatTooltip.Create();
+    }
+
+    this.HideFloatTooltip=function()
+    {
+        if (!this.FloatTooltip) return;
+
+        this.FloatTooltip.Hide();
+    }
+
+    this.DestroyFloatTooltip=function()
+    {
+        if (!this.FloatTooltip) return;
+
+        this.FloatTooltip.Destroy();
+        this.FloatTooltip=null;
+    }
+
+    this.DrawFloatTooltip=function(point,toolTip)
+    {
+        if (!this.FloatTooltip) return;
+
+        this.UpdateFloatTooltip(point, toolTip)
+    }
+
+    this.UpdateFloatTooltip=function(point, toolTip)
+    {
+        if (!this.FloatTooltip) return;
+
+        var sendData=
+        {
+            Tooltip:toolTip,
+            Point:point,
+            DataType:4,
+        };
+
+        this.FloatTooltip.Update(sendData);
+    }
+
     //清空固定行数据
     this.ClearFixedRowData=function()
     {
@@ -140492,8 +140567,7 @@ function JSTReportChartContainer(uielement)
         var oldMouseOnStatus=this.LastMouseStatus.MouseOnStatus;
         this.LastMouseStatus.OnMouseMove=null;
 
-        var bDrawTooltip=false;
-        if (this.LastMouseStatus.TooltipStatus) bDrawTooltip=true;
+        var bShowTooltip=false;
         this.LastMouseStatus.TooltipStatus=null;
 
         var bShowChartTooltip=false;
@@ -140520,7 +140594,7 @@ function JSTReportChartContainer(uielement)
                 else
                 {
                     this.LastMouseStatus.TooltipStatus={ X:x, Y:y, Data:tooltipData, ClientX:e.clientX, ClientY:e.clientY };
-                    bDrawTooltip=true;
+                    bShowTooltip=true;
                 }
             }
             
@@ -140536,7 +140610,6 @@ function JSTReportChartContainer(uielement)
         */
 
         if (mouseStatus) this.UIElement.style.cursor=mouseStatus.Cursor;
-        //if (bDrawTooltip) this.DrawTooltip(this.LastMouseStatus.TooltipStatus);
 
         if (bShowChartTooltip)
         {
@@ -140546,6 +140619,17 @@ function JSTReportChartContainer(uielement)
         {
             this.HideMinuteChartTooltip();
         }
+
+        if (bShowTooltip)
+        {
+            var xTooltip = e.clientX-this.UIElement.getBoundingClientRect().left;
+            var yTooltip = e.clientY-this.UIElement.getBoundingClientRect().top;
+            this.DrawFloatTooltip({X:xTooltip, Y:yTooltip, YMove:20/pixelTatio},this.LastMouseStatus.TooltipStatus.Data);
+        }
+        else
+        {
+            this.HideFloatTooltip();
+        }
     }
 
     this.UIOnMounseOut=function(e)
@@ -140775,6 +140859,7 @@ function JSTReportChartContainer(uielement)
         {
             this.LastMouseStatus.TooltipStatus=null;
             this.HideMinuteChartTooltip();
+            this.HideFloatTooltip();
             var result=this.MoveSelectedRow(1,{ EnablePageCycle:this.EnablePageCycle })
             if (result)
             {
@@ -140786,6 +140871,7 @@ function JSTReportChartContainer(uielement)
         {
             this.LastMouseStatus.TooltipStatus=null;
             this.HideMinuteChartTooltip();
+            this.HideFloatTooltip();
             var result=this.MoveSelectedRow(-1,{ EnablePageCycle:this.EnablePageCycle} );
             if (result)
             {
@@ -140808,6 +140894,7 @@ function JSTReportChartContainer(uielement)
         if (keyID==116) return; //F15刷新不处理
 
         this.HideMinuteChartTooltip();
+        this.HideFloatTooltip();
 
         switch(keyID)
         {
@@ -141928,11 +142015,11 @@ function ChartTReport()
             if (leftData.TitleColor) drawInfo.TextColor=leftData.TitleColor;
             if (leftData.Text && leftData.TextColor)
             {
-                drawInfo.Left={ Text:leftData.Text, TextColor:leftData.TextColor};
+                drawInfo.Left={ Text:leftData.Text, TextColor:leftData.TextColor, Tooltip:leftData.Tooltip};
             }
             else if (leftData.IconFont && leftData.TextColor)
             {
-                drawInfo.Left={ IconFont:leftData.IconFont, TextColor:leftData.TextColor};
+                drawInfo.Left={ IconFont:leftData.IconFont, TextColor:leftData.TextColor, Tooltip:leftData.Tooltip};
             }
            
         }
@@ -141944,11 +142031,11 @@ function ChartTReport()
 
             if (rightData.Text && rightData.TextColor)
             {
-                drawInfo.Right={ Text:rightData.Text, TextColor:rightData.TextColor};
+                drawInfo.Right={ Text:rightData.Text, TextColor:rightData.TextColor, Tooltip:rightData.Tooltip};
             }
             else if (rightData.IconFont && rightData.TextColor)
             {
-                drawInfo.Right={ IconFont:rightData.IconFont, TextColor:rightData.TextColor};
+                drawInfo.Right={ IconFont:rightData.IconFont, TextColor:rightData.TextColor, Tooltip:rightData.Tooltip};
             }
         }
     }
@@ -141979,9 +142066,21 @@ function ChartTReport()
 
         this.FormatCenterItem(data,drawInfo);
 
-       
-
         this.DrawCell(drawInfo);
+
+        if (drawInfo.LeftIconTooltip)
+        {
+            var tooltipItem=drawInfo.LeftIconTooltip;
+            var tooltipData={ Rect:tooltipItem.Rect, Data:tooltipItem.Data, Index:index, Column:column, CellType:cellType, Type:2 };
+            this.TooltipRect.push(tooltipData);
+        }
+
+        if (drawInfo.RightIconTooltip)
+        {
+            var tooltipItem=drawInfo.RightIconTooltip;
+            var tooltipData={ Rect:tooltipItem.Rect, Data:tooltipItem.Data, Index:index, Column:column, CellType:cellType, Type:3 };
+            this.TooltipRect.push(tooltipData);
+        }
     }
 
     this.DrawItem=function(index, exePriceData, data, column, rtItem, cellType)
@@ -142250,7 +142349,7 @@ function ChartTReport()
             this.DrawText(drawInfo.Text, drawInfo.TextAlign, rtText.Left, yCenter, rtText.Width);
         }
 
-        if (drawInfo.Left)
+        if (drawInfo.Left)  //左边图标
         {
             var item=drawInfo.Left;
             this.Canvas.textAlign="left";
@@ -142261,6 +142360,13 @@ function ChartTReport()
                 if (!fontBackup) fontBackup=this.Canvas.font;
                 this.Canvas.font=item.IconFont.Font;
                 this.Canvas.fillText(item.IconFont.Symbol,rtText.Left,yCenter);
+                if (item.Tooltip)
+                {
+                    var iconWidth=this.Canvas.measureText(item.IconFont.Symbol).width;
+                    var rtIcon={ Left:rtText.Left, Top:rtText.Top, Bottom:rtText.Bottom, Height:rtText.Height, Width:iconWidth };
+                    rtIcon.Right=rtIcon.Left+rtIcon.Width;
+                    drawInfo.LeftIconTooltip={ Rect:rtIcon, Data:item.Tooltip };
+                }
             }
             else if (item.Text)
             {
@@ -142268,7 +142374,7 @@ function ChartTReport()
             }
         }
 
-        if (drawInfo.Right)
+        if (drawInfo.Right) //右边图标
         {
             var item=drawInfo.Right;
             this.Canvas.textAlign="right";
@@ -142279,6 +142385,14 @@ function ChartTReport()
                 if (!fontBackup) fontBackup=this.Canvas.font;
                 this.Canvas.font=item.IconFont.Font;
                 this.Canvas.fillText(item.IconFont.Symbol,rtText.Right,yCenter);
+
+                if (item.Tooltip)
+                {
+                    var iconWidth=this.Canvas.measureText(item.IconFont.Symbol).width;
+                    var rtIcon={ Right:rtText.Right, Top:rtText.Top, Bottom:rtText.Bottom, Height:rtText.Height, Width:iconWidth };
+                    rtIcon.Left=rtIcon.Right-rtIcon.Width;
+                    drawInfo.RightIconTooltip={ Rect:rtIcon, Data:item.Tooltip };
+                }
             }
             else if (item.Text)
             {
@@ -149412,6 +149526,16 @@ function JSFloatTooltip()
                 this.ReportCellTruncateTooltip(data);
             }
         }
+        else if (data.DataType==4)  //T型报价
+        {
+            var tooltipData=data.Tooltip;
+            if (!tooltipData) return;
+
+            if (tooltipData.Type==2 || tooltipData.Type==3)
+            {
+                this.TReportIconTooltip(data);
+            }
+        }
     }
 
     this.UpdateRealtimeHQTooltip=function(data)
@@ -149679,6 +149803,17 @@ function JSFloatTooltip()
 
         this.ShowTooltip(data);
     }
+
+    this.TReportIconTooltip=function(data)
+    {
+        var tooltipData=data.Tooltip;
+        if (!tooltipData.Data || !IFrameSplitOperator.IsNonEmptyArray(tooltipData.Data.AryText)) return;
+        
+        this.AryText=tooltipData.Data.AryText;
+        this.UpdateTableDOM();
+
+        this.ShowTooltip(data);
+    }
  
     this.UpdateTableDOM=function()
     {
@@ -152375,7 +152510,7 @@ function HQChartScriptWorker()
 
 
 
-var HQCHART_VERSION="1.1.14348";
+var HQCHART_VERSION="1.1.14362";
 
 function PrintHQChartVersion()
 {