hqchart 1.1.14056 → 1.1.14064

package/src/jscommon/umychart.DialogTooltip.js

@@ -968,7 +968,7 @@ function JSFloatTooltip()
     {
         Left:"UMyChart_Tooltip_Float_Text2_Span",       //左对齐
         MarginLeft:'UMyChart_Tooltip_Float_Text3_Span',
-        Right:"UMyChart_Tooltip_Float_Text_Span"
+        Right:"UMyChart_Tooltip_Float_Text_Span",
     }
 
     this.AryData=[];    //输出文字信息
@@ -983,6 +983,7 @@ function JSFloatTooltip()
         if (option)
         {
             if (IFrameSplitOperator.IsNumber(option.Style)) this.Style=option.Style;
+            if (IFrameSplitOperator.IsNumber(option.MaxRowCount)) this.MaxRowCount=option.MaxRowCount;
         }
     }
 
@@ -1140,6 +1141,34 @@ function JSFloatTooltip()
             {
                 this.UpdateKLineInfoTooltip(data);
             }
+            else if (tooltipData.Type==2)   //交易指标
+            {
+                this.UpdateTradeIndexTooltip(data);
+            }
+            else if (tooltipData.Type==3)   //分时图异动信息
+            {
+                this.UpdateMinuteInfoTooltip(data);
+            }
+            else if (tooltipData.Type==4)   //ChartMultiSVGIconV2 图标信息
+            {
+                this.UpdatMultiSVGIconV2Tooltip(data);
+            }
+            else if (tooltipData.Type==5)   //ChartOX 信息
+            {
+                this.UpdatChartOXTooltip(data);
+            }
+            else if (tooltipData.Type==6)   //散点图
+            {
+                this.UpdatChartScatterPlotTooltip(data);
+            }
+            else if (tooltipData.Type==7)   //ChartDrawSVG 老版本 单行
+            {
+                this.UpdateChartDrawSVGTooltip(data);
+            }
+            else if (tooltipData.Type==8)   //ChartDrawSVG 新版本
+            {
+                this.UpdateChartDrawSVGV2Tooltip(data);
+            }
         }
         else if (data.DataType==2)  //更新实时行情数据
         {
@@ -1207,6 +1236,191 @@ function JSFloatTooltip()
         }
     }
 
+    //ChartDrawSVG 老版本 单行
+    this.UpdateChartDrawSVGTooltip=function(data)
+    {
+        var tooltipData=data.Tooltip;
+        if (!tooltipData.Data || !tooltipData.Data.Item || !tooltipData.Data.Item.Tooltip) return;
+        var item=tooltipData.Data.Item.Tooltip;
+
+        var aryText=[]
+        var rowItem={ Text:"", HTMLTitle:item.Text, Color:this.ValueColor, IsMergeCell:true };
+        aryText.push(rowItem);
+
+        this.AryText=aryText;
+        this.UpdateTableDOM();
+
+        if (data.Point)
+        {
+            var x=data.Point.X;
+            var y=data.Point.Y+data.Point.YMove;
+            this.Show(x, y);
+        }
+    }
+
+    //ChartDrawSVG 新版本
+    this.UpdateChartDrawSVGV2Tooltip=function(data)
+    {
+        var tooltipData=data.Tooltip;
+        if (!tooltipData.Data || !tooltipData.Data.Item || !tooltipData.Data.Item.Tooltip) return;
+        var aryData=tooltipData.Data.Item.Tooltip.AryText;
+        if (!IFrameSplitOperator.IsNonEmptyArray(aryData)) return;
+        var aryText=[];
+        for(var i=0;i<aryData.length;++i)
+        {
+            var item=aryData[i];
+            var rowItem={ Title:"", Text:"", Color:this.ValueColor, ClassName:this.ValueAlign.MarginLeft };
+            if (item.TextColor) rowItem.Color=item.TextColor;
+            if (item.Title) rowItem.Title=item.Title;
+            if (item.Text) rowItem.Text=item.Text;
+
+            aryText.push(rowItem);
+        }
+
+        this.AryText=aryText;
+
+        this.UpdateTableDOM();
+
+        if (data.Point)
+        {
+            var x=data.Point.X;
+            var y=data.Point.Y+data.Point.YMove;
+            this.Show(x, y);
+        }
+    }
+
+    //交易指标
+    this.UpdateTradeIndexTooltip=function(data)
+    {
+        var tooltipData=data.Tooltip;
+        if (!tooltipData.Data || !tooltipData.Data.Data) return;
+
+        var item=tooltipData.Data.Data;
+        var kItem=item.KData;
+        var aryText=[];
+
+        var rowItem={ Title:"日期",Text:IFrameSplitOperator.FormatDateString(kItem.Date,"YYYY-MM-DD"), Color:this.ValueColor };
+        aryText.push(rowItem);
+
+        if (IFrameSplitOperator.IsNumber(kItem.Time))
+        {
+            var format="HH:MM";
+            var rowItem={ Title:"时间",Text:IFrameSplitOperator.FormatTimeString(kItem.Time,format), Color:this.ValueColor };
+            aryText.push(rowItem);
+        }
+
+        var rowItem={ Title:"指标名称:", Text:`${item.Name}${item.Param}`, Color:this.ValueColor };
+        aryText.push(rowItem);
+
+        var rowItem={ Title:"买卖方向:", Text:`${item.Type==1?"买入":"卖出"}`, Color:item.Type==1?this.UpColor:this.DownColor };
+        aryText.push(rowItem);
+
+        var rowItem={  };
+        
+        this.AryText=aryText;
+
+        this.UpdateTableDOM();
+
+        if (data.Point)
+        {
+            var x=data.Point.X;
+            var y=data.Point.Y+data.Point.YMove;
+            this.Show(x, y);
+        }
+    }
+
+    //分时图异动信息
+    this.UpdateMinuteInfoTooltip=function(data)
+    {
+        var tooltipData=data.Tooltip;
+        if (!tooltipData.Data || !tooltipData.Data.Data || !tooltipData.Data.Data.Item) return;
+        var item=tooltipData.Data.Data.Item;
+
+        var aryText=[];
+        var rowItem={ Title:"日期",Text:IFrameSplitOperator.FormatDateString(item.Date,"YYYY-MM-DD"), Color:this.ValueColor };
+        aryText.push(rowItem);
+
+        var format="HH:MM";
+        var rowItem={ Title:"时间",Text:IFrameSplitOperator.FormatTimeString(item.Time,format), Color:this.ValueColor };
+        aryText.push(rowItem);
+
+        var rowItem={ Title:"异动", Text:item.Title, Color:this.ValueColor };
+        aryText.push(rowItem);
+        
+        this.AryText=aryText;
+        this.UpdateTableDOM();
+
+        if (data.Point)
+        {
+            var x=data.Point.X;
+            var y=data.Point.Y+data.Point.YMove;
+            this.Show(x, y);
+        }
+    }
+
+    //ChartMultiSVGIconV2 图标信息
+    this.UpdatMultiSVGIconV2Tooltip=function(data)
+    {
+        var tooltipData=data.Tooltip;
+        if (!tooltipData.Data || !tooltipData.Data.Item) return;
+
+        var item=tooltipData.Data.Item;
+        var aryText=[];
+
+        var rowItem={ Text:"", HTMLTitle:item.Text, Color:this.ValueColor, IsMergeCell:true };
+        aryText.push(rowItem);
+
+        this.AryText=aryText;
+        this.UpdateTableDOM();
+
+        if (data.Point)
+        {
+            var x=data.Point.X;
+            var y=data.Point.Y+data.Point.YMove;
+            this.Show(x, y);
+        }
+    }
+
+    //ChartOX 信息
+    this.UpdatChartOXTooltip=function(data)
+    {
+        var tooltipData=data.Tooltip;
+        if (!tooltipData.Data || !tooltipData.Data.Data) return;
+
+        var item=tooltipData.Data.Data;
+        var period=this.HQChart.Period;
+        var aryText=[];
+        if (ChartData.IsDayPeriod(period, true))
+        {
+            var strStartDate=IFrameSplitOperator.FormatDateString(item.Start.Date,"YYYY-MM-DD");
+            var strEndDate=IFrameSplitOperator.FormatDateString(item.End.Date,"YYYY-MM-DD");
+           
+            aryText.push({ Title:"起始时间",Text:strStartDate, Color:this.ValueColor });
+            aryText.push({ Title:"结束时间",Text:strEndDate, Color:this.ValueColor });
+        }
+        else if (ChartData.IsMinutePeriod(period, true))
+        {
+            var strStartDate=IFrameSplitOperator.FormatDateString(item.Start.Date);
+            var strStartTime=IFrameSplitOperator.FormatTimeString(item.Start.Time,"HH:MM");
+
+            var strEndDate=IFrameSplitOperator.FormatDateString(item.End.Date);
+            var strEndTime=IFrameSplitOperator.FormatTimeString(item.End.Time,"HH:MM");
+
+            aryText.push({ Title:"起始时间",Text:`${strStartDate} ${strStartTime}`, Color:this.ValueColor });
+            aryText.push({ Title:"结束时间",Text:`${strEndDate} ${strEndTime}`, Color:this.ValueColor });
+        }
+
+        this.AryText=aryText;
+        this.UpdateTableDOM();
+
+        if (data.Point)
+        {
+            var x=data.Point.X;
+            var y=data.Point.Y+data.Point.YMove;
+            this.Show(x, y);
+        }
+    }
+ 
     this.UpdateTableDOM=function()
     {
         var index=0;
@@ -1215,10 +1429,16 @@ function JSFloatTooltip()
             var outItem=this.AryText[index];
             var item=this.AryData[index];
 
-            item.TitleSpan.innerText=outItem.Title;
+            if (outItem.HTMLTitle) item.TitleSpan.innerHTML=outItem.HTMLTitle
+            else item.TitleSpan.innerText=outItem.Title;
+
             item.TitleSpan.style.color=this.TextColor;
-            item.TextSpan.innerText=outItem.Text;
+
+            if (outItem.HTMLText) item.TextSpan.innerHTML=outItem.HTMLText
+            else item.TextSpan.innerText=outItem.Text;
+
             item.TextSpan.style.color=outItem.Color;
+            item.TextTd.style.color=outItem.Color;
 
             if (outItem.ClassName) 
             {
@@ -1228,9 +1448,21 @@ function JSFloatTooltip()
             {
                 if (item.TextSpan.className!=this.ValueAlign.Right) item.TextSpan.className=this.ValueAlign.Right;
             }
+
+            if (outItem.IsMergeCell)    //合并单元格
+            {
+                item.TitleTd.colspan=2;
+                item.TextTd.style.display="none";
+            }
+            else
+            {
+                if (item.TitleTd.colspan!=1) item.TitleTd.colspan=1;
+                item.TextTd.style.display="";
+            }
            
             item.Tr.style.display="";
-            if (item.Tr2) item.Tr2.style.display="";
+            if (item.Tr2) item.Tr2.style.display="none";
+
         }
 
         for( ; index<this.MaxRowCount; ++index)
@@ -1338,6 +1570,13 @@ function JSFloatTooltip()
             }
         }
 
+        var event=this.HQChart.GetEventCallback(JSCHART_EVENT_ID.ON_FORMAT_KLINE_INFO_FLOAT_TOOLTIP);
+        if (event && event.Callback)
+        {
+            var sendData={ AryText:aryText, Data:data, HQChart:this.HQChart };
+            event.Callback(event, sendData, this);
+        }
+
         this.AryText=aryText;
 
         this.UpdateTableDOM();
@@ -1350,6 +1589,36 @@ function JSFloatTooltip()
         }
     }
 
+    this.UpdatChartScatterPlotTooltip=function(data)
+    {
+        var tooltipData=data.Tooltip;
+        if (!tooltipData.Data || !tooltipData.Data.Data || !tooltipData.Data.Data.Tooltip) return;
+        var aryData=tooltipData.Data.Data.Tooltip;
+        var aryText=[]; //输出内容
+
+        for(var i=0;i<aryData.length;++i)
+        {
+            var item=aryData[i];
+            if (!item.Text && !item.Title) continue;
+            var rowItem={ Title:"", Text:"", Color:this.ValueColor };
+            if (item.Title) rowItem.Title=item.Title;
+            if (item.Text) rowItem.Text=item.Text;
+            if (item.TextColor) rowItem.Color=item.TextColor;
+
+            aryText.push(rowItem);
+        }
+
+        this.AryText=aryText;
+        this.UpdateTableDOM();
+
+        if (data.Point)
+        {
+            var x=data.Point.X;
+            var y=data.Point.Y+data.Point.YMove;
+            this.Show(x, y);
+        }
+    }
+
 
     /////////////////////////////////////////////////////////////////////////////////////////////
     // 公告数据格式化