hqchart 1.1.14635 → 1.1.14641

package/src/jscommon/umychart.js

@@ -32888,7 +32888,7 @@ function ChartKLineTable()
 
                     if (rtBG.Width>5)
                     {
-                        this.AryCellRect.push({ Item:{ Cell:item, Colunm:data, RowIndex:i, SubCell:subItem, SubIndex:j, Tooltip:subItem.Tooltip, Type:2 }, Rect:rtBG });
+                        this.AryCellRect.push({ Item:{ Cell:item, Colunm:data, RowIndex:i, SubCell:subItem, SubIndex:j, Tooltip:subItem.Tooltip, Type:2 }, Rect:rtSubBG });
                     }
 
                     xCell+=subCellWidth;
@@ -34818,7 +34818,7 @@ function ChartArea()
     }
 }
 
-//散点图
+//散点图 建议使用新版本 ChartScatterPlotV2
 function ChartScatterPlot()
 {
     this.newMethod=IChartPainting;   //派生
@@ -35023,7 +35023,7 @@ function ChartScatterPlot()
    
 }
 
-//散点图
+//散点图 2.0
 function ChartScatterPlotV2()
 {
     this.newMethod=IChartPainting;   //派生
@@ -44000,6 +44000,9 @@ function ChartDrawSVG()
     this.BuildKeyCallback=null;
     this.MapCache=null;         //key=date/date-time  value={ Data:[] }
 
+    this.AryDrawDetail=[];              //需要绘制的文字信息
+    this.EnalbeDetailNoOverlap=false;     //详情重叠不显示
+
     this.BuildKey=function(item)
     {
         if (this.BuildKeyCallback) return this.BuildKeyCallback(item);
@@ -44034,6 +44037,7 @@ function ChartDrawSVG()
     {
         this.TooltipRect=[];
         this.AryDrawRect=[];
+        this.AryDrawDetail=[];
         this.AutoYOffset=0;
 
         if (!this.IsShow || this.ChartFrame.IsMinSize || !this.IsVisible) return;
@@ -44042,6 +44046,10 @@ function ChartDrawSVG()
         if (!this.MapCache || this.MapCache.size<=0) return;
 
         this.DrawSVGV2();
+
+        if (this.EnalbeDetailNoOverlap) this.DrawOnVerlapDetail();
+
+        this.AryDrawDetail=[];
     }
 
     this.DrawDetail=function(rtSVG, data, svgItem)
@@ -44108,6 +44116,21 @@ function ChartDrawSVG()
             }
         }
 
+        if (this.EnalbeDetailNoOverlap)  //启动重叠不会 先不画只计算位置, 后面统一画
+        {
+            this.AryDrawDetail.push({ Rect:rtBorder, AryText:aryText, Data:svgItem });
+            return;
+        }
+
+        this.DrawDetailText(data,aryText,rtBorder);
+
+        this.AryDrawRect.push( {Left:rtBorder.Left, Top:rtBorder.Top, Right:rtBorder.Right, Bottom:rtBorder.Bottom, Type:"Detail", Data:svgItem } );
+    }
+
+    this.DrawDetailText=function(data, aryText, rtBorder)
+    {
+        if (!data) return;
+
         if (data.BGColor)
         {
             this.Canvas.fillStyle=data.BGColor;
@@ -44124,12 +44147,27 @@ function ChartDrawSVG()
         for(var i=0;i<aryText.length;++i)
         {
             var item=aryText[i];
-           
+            
             this.Canvas.fillStyle = item.Data.Color;
             this.Canvas.fillText(item.Data.Text, item.X, item.Y);
         }
+    }
 
-        this.AryDrawRect.push( {Left:rtBorder.Left, Top:rtBorder.Top, Right:rtBorder.Right, Bottom:rtBorder.Bottom, Type:"Detail", Data:svgItem } );
+    this.DrawOnVerlapDetail=function()
+    {
+        if (!IFrameSplitOperator.IsNonEmptyArray(this.AryDrawDetail)) return;
+
+        for(var i=this.AryDrawDetail.length-1;i>=0; --i)
+        {
+            var drawItem=this.AryDrawDetail[i];
+            var rtBorder=drawItem.Rect;
+
+            if (this.IsRectOverlap(rtBorder)) continue;
+
+            this.DrawDetailText(drawItem.Data.Detail, drawItem.AryText, rtBorder);
+
+            this.AryDrawRect.push( {Left:rtBorder.Left, Top:rtBorder.Top, Right:rtBorder.Right, Bottom:rtBorder.Bottom, Type:"Detail", Data:drawItem.Data } );
+        }
     }
 
     this.GetDetailPosition=function(rtSVG, data)
@@ -44491,183 +44529,6 @@ function ChartDrawSVG()
         }
     }
 
-    /*
-    this.DrawSVG=function()
-    {
-        if (!this.IsShow || this.ChartFrame.IsMinSize) return;
-        if (!this.Data || !IFrameSplitOperator.IsNonEmptyArray(this.Data.Data)) return;
-        if (!IFrameSplitOperator.IsNonEmptyArray(this.Texts)) return;
-        if (!this.Family) return;
-
-        this.IsHScreen=(this.ChartFrame.IsHScreen===true);
-        var xPointCount=this.ChartFrame.XPointCount;
-        var offset=this.Data.DataOffset;
-        var top=this.ChartBorder.GetTopEx();
-        var bottom=this.ChartBorder.GetBottomEx();
-        var pixelRatio = GetDevicePixelRatio();
-        
-        var x=0,y=0;
-        for(var i=0; i<this.Texts.length; ++i)
-        {
-            var item=this.Texts[i];
-
-            if (!item.SVG || !item.SVG.Symbol) continue;
-            if (!IFrameSplitOperator.IsNumber(item.Index)) continue;
-
-            var isMinuteFrame=this.IsMinuteFrame();
-            var index=item.Index-offset;
-            var kItem=this.Data.Data[item.Index];
-            if (index<0 || index>=xPointCount) continue;
-            
-            x=this.ChartFrame.GetXFromIndex(index);
-            if (item.Value=="Top") y=top;
-            else if (item.Value=="Bottom") y=bottom;
-            else y=this.ChartFrame.GetYFromData(item.Value, false);
-            if (IFrameSplitOperator.IsNumber(item.YOffset)) y+=item.YOffset;    //Y轴偏移
-
-            var svgItem=item.SVG;
-            if (IFrameSplitOperator.IsNumber(svgItem.YOffset)) y+=svgItem.YOffset;
-
-            if (this.AutoPosition) 
-            {
-                var pt={ X:x, Y:y };
-                this.CalculateShowPosition(item, pt);   //重新计算位置
-                x=pt.X;
-                y=pt.Y;
-            }
-
-
-            var fontSVG=`${svgItem.Size}px ${this.Family}`;
-            this.Canvas.font=fontSVG;
-            var halfSize=svgItem.Size/2;
-            var textBaseline='bottom';
-            var rtSVG={ Left:x-halfSize, Right:x+halfSize, Top:y-svgItem.Size, Bottom:y, Height:svgItem.Size, Width:svgItem.Size };
-            if (svgItem.VAlign===0) 
-            {
-                textBaseline="top";
-                rtSVG.Top=y;
-                rtSVG.Bottom=rtSVG.Top+svgItem.Size;
-            }
-            else if (svgItem.VAlign===1) 
-            {
-                textBaseline='middle';
-                rtSVG.Top=y-svgItem.Size/2;
-                rtSVG.Bottom=rtSVG.Top+svgItem.Size;
-            }
-
-            if (rtSVG.Top<0) 
-            {
-                rtSVG.Top=0;
-                rtSVG.Bottom=svgItem.Size;
-                y=rtSVG.Bottom;
-            }
-
-            this.Canvas.textBaseline=textBaseline;
-            this.Canvas.textAlign='center';
-            this.Canvas.fillStyle = svgItem.Color;
-            this.Canvas.fillText(svgItem.Symbol, x, y);
-
-            this.AryDrawRect.push( {Left:rtSVG.Left, Top:rtSVG.Top, Right:rtSVG.Right, Bottom:rtSVG.Bottom, Type:"SVG", Data:item } );
-
-            if (this.EnableTooltip) this.TooltipRect.push({ Rect:rtSVG,Index:i });
-
-            //文字
-            if (item.Text && item.Text.Content && this.TextFont)
-            {
-                var textItem=item.Text;
-                this.Canvas.font=this.TextFont;
-                this.Canvas.fillStyle=textItem.Color;
-                var yText=y;
-                if (IFrameSplitOperator.IsNumber(textItem.YOffset)) yText+=textItem.YOffset;
-                this.Canvas.fillText(textItem.Content, x, yText);
-            }
-
-            if (item.Detail)
-            {
-                this.DrawDetail(rtSVG,item.Detail, item);
-            }
-              
-            //连线
-            if (item.Line)
-            {
-                var lineItem=item.Line;
-                var price=null, yPrice=null;
-                var kItem=this.Data.Data[item.Index];
-                if (lineItem.Value=="Bottom")
-                {
-                    yPrice=bottom;
-                }
-                else if (lineItem.Value=="Top")
-                {
-                    yPrice=top;
-                }
-                else
-                {
-                    switch(lineItem.Value)
-                    {
-                        case "C":
-                            price=kItem.Close;
-                            break;
-                        case "H":
-                            price=kItem.High;
-                            break;
-                        case "L":
-                            price=kItem.Low;
-                            break;    
-                    }
-    
-                    if (!IFrameSplitOperator.IsNumber(price)) continue;
-                    
-                    yPrice=this.ChartFrame.GetYFromData(price);
-                }
-                
-                if (yPrice>=rtSVG.Top && yPrice<=rtSVG.Bottom) continue;
-
-                var yText;
-                if (yPrice<rtSVG.Top) 
-                {
-                    yText=rtSVG.Top;
-                    if (IFrameSplitOperator.IsNumber(lineItem.SVGBlank))
-                    {
-                        //yPrice+=lineItem.Blank;
-                        yText-=lineItem.SVGBlank;
-                    }
-                }
-                else
-                {
-                    yText=rtSVG.Bottom;
-                    if (IFrameSplitOperator.IsNumber(lineItem.SVGBlank))
-                    {
-                        //yPrice-=lineItem.Blank;
-                        yText+=lineItem.SVGBlank;
-                    }
-                }
-
-                if (lineItem.Dash) this.Canvas.setLineDash(lineItem.Dash);    //虚线
-                var lineWidth=1*pixelRatio;
-                if (lineItem.Width>0) lineWidth=lineItem.Width*pixelRatio;
-                this.Canvas.lineWidth=lineWidth;   //线宽
-                this.Canvas.strokeStyle = lineItem.Color;
-                this.Canvas.beginPath();
-
-                if (this.IsHScreen)
-                {
-                    this.Canvas.moveTo(yText, ToFixedPoint(x));
-                    this.Canvas.lineTo(yPrice,ToFixedPoint(x));
-                }
-                else
-                {
-                    this.Canvas.moveTo(ToFixedPoint2(lineWidth,x),yText);
-                    this.Canvas.lineTo(ToFixedPoint2(lineWidth,x),yPrice);
-                }
-                
-                this.Canvas.stroke();
-                this.Canvas.setLineDash([]);
-            }
-        }
-    }
-    */
-
     this.GetMaxMin=function()
     {
         this.IsHScreen=(this.ChartFrame.IsHScreen===true);

package/src/jscommon/umychart.testdata.js

@@ -2015,6 +2015,8 @@ HQData.Report_APIIndex=function(data, callback)
         HQData.APIIndex_TITLE(data, callback);
     else if (request.Data.indexname=="API_SCATTER_PLOT_V2")
         HQData.APIIndex_SCATTER_PLOT_V2(data, callback);
+    else if (request.Data.indexname=="API_KLINE_TABLE")
+        HQData.APIIndex_KLINE_TABLE(data, callback);
 }
 
 
@@ -3076,6 +3078,116 @@ HQData.APIIndex_SCATTER_PLOT_V2=function(data, callback)
     callback(apiData);
 }
 
+HQData.APIIndex_KLINE_TABLE=function(data, callback)
+{
+    data.PreventDefault=true;
+    var hqchart=data.HQChart;
+    var kData=data.HQChart.GetKData(); //hqchart图形的分钟数据
+
+    var tableData= 
+    { 
+        name:'KLINE_TABLE', type:1, 
+        Draw: 
+        { 
+            DrawType:'KLINE_TABLE', 
+            DrawData:[ ] ,                                      //数据  [ [ { Text, Color: BGColor }, ...... ], [],]
+            RowCount:4,
+            RowName:[ {Name:"账户1",TextAlign:"center"}, {Name:"账户2",TextAlign:"center"}, {Name:"账户3",TextAlign:"center"},{Name:"账户4", TextAlign:"center"}],
+
+            Config:
+            {
+                BGColor:"rgb(0,0,0)",
+                BorderColor:"rgb(220,220,220)",
+                TextColor:"rgb(250,250,250)",
+                ItemMergin:{ Left:2, Right:2, Top:4, Bottom:4, YOffset:3 },
+                RowNamePosition:3,
+                TextFont:{ Family:'微软雅黑' , FontMaxSize:14*GetDevicePixelRatio(), },
+                RowHeightType:1,
+            }
+        },
+        
+    };
+
+    var ACCOUNT_TEST_DATA=
+    [
+        { Name:"账户1", DayCount:5, OperatorID:0 },
+        { Name:"账户2", DayCount:10, OperatorID:0 },
+        { Name:"账户3", DayCount:4, OperatorID:0 },
+        { Name:"账户4", DayCount:8, OperatorID:0 },
+    ]
+    
+    for(var i=0;i<kData.Data.length;++i)   
+    {
+        var kItem=kData.Data[i];
+
+        //一列数据
+        var colItem={ Date:kItem.Date, Time:kItem.Time, Data:[ ] };
+
+        for(var j=0;j<ACCOUNT_TEST_DATA.length;++j)
+        {
+            var accountItem=ACCOUNT_TEST_DATA[j];
+            if (i%accountItem.DayCount==0)
+            {
+                accountItem.OperatorID++;
+                if (accountItem.OperatorID>=3) accountItem.OperatorID=0;
+
+                if (accountItem.OperatorID==1)
+                {
+                    colItem.Data[j]= 
+                    {
+                        Text:"买", Color:"rgb(250,250,250)", BGColor:'rgb(250,0,0)', TextAlign:"center",
+                        Tooltip:
+                        {
+                            AryText:
+                            [
+                                {Title:"日期", Text:`${kItem.Date}`},
+                                {Title:"买入价", Text:`${kItem.Close.toFixed(2)}`, TextColor:"rgb(250,0,0)"},
+                                {Title:"数量", Text:`${HQData.GetRandomTestData(100,400).toFixed(0)}`,TextColor:"rgb(255,165,0)" },
+                            ]
+                        }
+                    };
+                }
+                else if (accountItem.OperatorID==2)
+                {
+                    colItem.Data[j]= 
+                    {
+                        Text:"卖", Color:"rgb(250,250,250)", BGColor:'rgb(34,139,34)', TextAlign:"center",
+                        Tooltip:
+                        {
+                            AryText:
+                            [
+                                {Title:"日期", Text:`${kItem.Date}`},
+                                {Title:"卖入价", Text:`${kItem.Close.toFixed(2)}`, TextColor:"rgb(34,139,34)"},
+                                {Title:"数量", Text:`${HQData.GetRandomTestData(100,400).toFixed(0)}`,TextColor:"rgb(255,165,0)" },
+                            ]
+                        }
+                    };
+                }
+                    
+            }
+            else
+            {
+                if (accountItem.OperatorID==0) continue;    //空闲
+
+                if (accountItem.OperatorID==1)
+                    colItem.Data[j]= {Text:"持", Color:"rgb(250,250,250)", BGColor:'rgb(255,140,0)',TextAlign:"center"};
+            }
+        }
+
+        tableData.Draw.DrawData.push(colItem);
+    }
+
+    var apiData=
+    {
+        code:0, 
+        stock:{ name:hqchart.Name, symbol:hqchart.Symbol }, 
+        outdata: { date:kData.GetDate(), time:kData.GetTime(), outvar:[tableData] } 
+    };
+
+    console.log('[KLineChart::APIIndex_KLINE_TABLE] apiData ', apiData);
+    callback(apiData);
+}
+
 
 HQData.RequestVolumeProfileData=function(data, callback)
 {