hqchart 1.1.14280 → 1.1.14286

package/src/jscommon/umychart.complier.js

@@ -11487,6 +11487,45 @@ function JSDraw(errorHandler,symbolData)
 
         return result;
     }
+
+    //表格
+    this.TABLE_CELL=function(text, color, textAlign)
+    {
+        var cellItem={ Text:text };
+        if (color) cellItem.Color=color;
+        if (IFrameSplitOperator.IsString(textAlign))
+        {
+            var strValue=textAlign.toLowerCase();   //转小写
+            cellItem.TextAlign=strValue;
+        }
+
+        return cellItem;
+    }
+
+    this.TABLE_ROW=function(aryData)
+    {
+        var aryCell=[];
+        for(var i=0;i<aryData.length;++i)
+        {
+            var item=aryData[i];
+            aryCell.push(item)
+        }
+
+        return aryCell;
+    }
+
+    this.DRAWTABLE=function(aryData)
+    {
+        var tableData=[]
+        for(var i=0;i<aryData.length;++i)
+        {
+            var item=aryData[i];
+            tableData.push({ AryCell:item });
+        }
+
+
+        return result={ DrawData:{ TableData:tableData }, DrawType:'DRAW_SIMPLE_TABLE' };
+    }
 }
 
 
@@ -11541,7 +11580,7 @@ JSDraw.prototype.IsDrawFunction=function(name)
         'DRAWOVERLAYLINE',"FILLRGN", "FILLRGN2","FILLTOPRGN", "FILLBOTTOMRGN", "FILLVERTICALRGN","FLOATRGN","DRAWSL", "DRAWGBK2","DRAWGBK_DIV",
         "VERTLINE","HORLINE","TIPICON",
         "BUY","SELL","SELLSHORT","BUYSHORT",
-        "DRAWLASTBARICON","DRAWLASTBARNUMBER", "DRAWLASTBARTEXT",
+        "DRAWLASTBARICON","DRAWLASTBARNUMBER", "DRAWLASTBARTEXT","DRAWTABLE",
     ]);
     if (setFunctionName.has(name)) return true;
 
@@ -18411,6 +18450,18 @@ function JSExecute(ast,option)
                 node.Out=node.Draw.DrawData.Data;
                 break;
 
+            //表格函数
+            case "TABLE_CELL":
+                node.Out=this.Draw.TABLE_CELL(args[0],args[1],args[2]);
+                break;
+            case "TABLE_ROW":
+                node.Out=this.Draw.TABLE_ROW(args);
+                break;
+            case "DRAWTABLE":
+                node.Draw=this.Draw.DRAWTABLE(args);
+                node.Out=[];
+                break;
+
             default:
                 node.Out=this.Algorithm.CallFunction(funcName, args, node, this.SymbolData);
                 break;
@@ -21376,6 +21427,29 @@ function ScriptIndex(name,script,args,option)
         hqChart.ChartPaint.push(chart);
     }
 
+    this.CreateSimpleTable=function(hqChart,windowIndex,varItem,id)
+    {
+        var chart=new ChartSimpleTable();
+        chart.Canvas=hqChart.Canvas;
+        chart.Name=varItem.Name;
+        chart.ChartBorder=hqChart.Frame.SubFrame[windowIndex].Frame.ChartBorder;
+        chart.ChartFrame=hqChart.Frame.SubFrame[windowIndex].Frame;
+
+        if (varItem.Draw && varItem.Draw.DrawData)
+        {
+            var drawData=varItem.Draw.DrawData;
+            if (drawData.TableData) chart.Data.Data=drawData.TableData;
+            if (drawData.BGColor) chart.BGColor=drawData.BGColor;
+            if (drawData.BorderColor) chart.BorderColor=drawData.BorderColor;
+            if (drawData.TextFont) chart.TextFontConfig=drawData.TextFont;
+            if (drawData.TextColor) chart.TextColor=drawData.TextColor;
+            if (IFrameSplitOperator.IsNumber(drawData.XOffset)) chart.Offset.X=drawData.XOffset;
+            if (IFrameSplitOperator.IsNumber(drawData.YOffset)) chart.Offset.Y=drawData.YOffset;
+        }
+
+        hqChart.ChartPaint.push(chart);
+    }
+
     this.CreateTradeIcon=function(hqChart,windowIndex,varItem,id)
     {
         var chart=new ChartTradeIcon();
@@ -22241,6 +22315,9 @@ function ScriptIndex(name,script,args,option)
                     case "MULTI_POINT_LINE":
                         this.CreateLineMultiData(hqChart,windowIndex,item,i);
                         break;
+                    case "DRAW_SIMPLE_TABLE":
+                        this.CreateSimpleTable(hqChart,windowIndex,item,i);
+                        break;
                     case "BUY":
                     case "SELL":
                     case "SELLSHORT":
@@ -22588,6 +22665,10 @@ function OverlayScriptIndex(name,script,args,option)
                         this.CreateMulitHtmlDom(hqChart,windowIndex,item,i);
                         break;
 
+                    case "DRAW_SIMPLE_TABLE":
+                        this.CreateSimpleTable(hqChart,windowIndex,item,i);
+                        break;
+
                     case "KLINE_BG":
                         this.CreateBackgroud(hqChart,windowIndex,item,i);
                         break;
@@ -23597,6 +23678,33 @@ function OverlayScriptIndex(name,script,args,option)
         frame.ChartPaint.push(chart);
     }
 
+    this.CreateSimpleTable=function(hqChart,windowIndex,varItem,i)
+    {
+        var overlayIndex=this.OverlayIndex;
+        var frame=overlayIndex.Frame;
+        var chart=new ChartSimpleTable();
+        chart.Canvas=hqChart.Canvas;
+        chart.Name=varItem.Name;
+        chart.ChartBorder=frame.Frame.ChartBorder;
+        chart.ChartFrame=frame.Frame;
+        chart.Identify=overlayIndex.Identify;
+        chart.HQChart=hqChart;
+
+        if (varItem.Draw && varItem.Draw.DrawData)
+        {
+            var drawData=varItem.Draw.DrawData;
+            if (drawData.TableData) chart.Data.Data=drawData.TableData;
+            if (drawData.BGColor) chart.BGColor=drawData.BGColor;
+            if (drawData.BorderColor) chart.BorderColor=drawData.BorderColor;
+            if (drawData.TextFont) chart.TextFontConfig=drawData.TextFont;
+            if (drawData.TextColor) chart.TextColor=drawData.TextColor;
+            if (IFrameSplitOperator.IsNumber(drawData.XOffset)) chart.Offset.X=drawData.XOffset;
+            if (IFrameSplitOperator.IsNumber(drawData.YOffset)) chart.Offset.Y=drawData.YOffset;
+        }
+            
+        frame.ChartPaint.push(chart);
+    }
+
     this.CreateChartVericaltLine=function(hqChart,windowIndex,varItem,id)
     {
         var overlayIndex=this.OverlayIndex;
@@ -24788,6 +24896,17 @@ function APIScriptIndex(name,script,args,option, isOverlay)
                     
                     result.push(outVarItem);
                 }
+                else if (draw.DrawType=="DRAW_SIMPLE_TABLE")
+                {
+                    drawItem.Name=draw.Name;
+                    drawItem.Type=draw.Type;
+
+                    drawItem.DrawType=draw.DrawType;
+                    drawItem.DrawData=draw.DrawData;    //{ TableData:[ [ {AryCell:[{Text:, Color: }]}, ], ], BGColor:， TextFont:{ Size:, Name: } };
+ 
+                    outVarItem.Draw=drawItem;
+                    result.push(outVarItem);
+                }
                 else
                 {
                     var find=g_ScriptIndexChartFactory.Get(draw.DrawType);  //外部挂接

package/src/jscommon/umychart.js

@@ -31501,6 +31501,225 @@ function ChartKLineTable()
     }
 }
 
+//表格
+function ChartSimpleTable()
+{
+    this.newMethod=IChartPainting;   //派生
+    this.newMethod();
+    delete this.newMethod;
+
+    this.ClassName='ChartSimpleTable';    //类名
+    //this.Data;
+
+    this.TextFontConfig=CloneData(g_JSChartResource.ChartSimpleTable.TextFont);
+    this.ItemMargin=CloneData(g_JSChartResource.ChartSimpleTable.ItemMargin);
+    this.TextColor=g_JSChartResource.ChartSimpleTable.TextColor;        //默认颜色
+    this.BGColor=g_JSChartResource.ChartSimpleTable.BGColor;            //背景色
+    this.BorderColor=g_JSChartResource.ChartSimpleTable.BorderColor;   //边框颜色
+    this.Offset={ X:-3, Y:0 },   //位置偏移
+
+    
+    this.DefaultCellWidth=30;
+
+    this.RectClient={ };
+    this.AryColumnCache=[]; //列缓存
+    this.TextFontHeight;
+    this.TextFont;
+    this.RowHeight;         //行高
+
+    this.ReloadResource=function(resource)
+    {
+        this.TextFontConfig=CloneData(g_JSChartResource.ChartSimpleTable.TextFont);
+        this.ItemMargin=CloneData(g_JSChartResource.ChartSimpleTable.ItemMargin);
+        this.TextColor=g_JSChartResource.ChartSimpleTable.TextColor;        //默认颜色
+        this.BGColor=g_JSChartResource.ChartSimpleTable.BGColor;            //背景色
+        this.BorderColor=g_JSChartResource.ChartSimpleTable.BorderColor;   //边框颜色
+    }
+
+    this.CalculateSize=function()
+    {
+        this.AryColumnCache=[];
+
+        var pixelRatio=GetDevicePixelRatio();
+        this.TextFont=`${this.TextFontConfig.Size*pixelRatio}px ${ this.TextFontConfig.Name}`;
+        this.TextFontHeight=this.GetFontHeight(this.TextFont,"擎");
+        this.RowHeight=this.TextFontHeight+this.ItemMargin.Top+this.ItemMargin.Bottom;
+
+        var rowCount=this.Data.Data.length;
+        for(var i=0, j=0;i<rowCount;++i)
+        {
+            var rowItem=this.Data.Data[i];
+            for(j=0;j<rowItem.AryCell.length;++j)
+            {
+                if (!this.AryColumnCache[j]) this.AryColumnCache[j]={ Width:this.DefaultCellWidth };
+                var colItem=this.AryColumnCache[j];
+
+                var cellItem=rowItem.AryCell[j];
+                var textWidth=this.Canvas.measureText(cellItem.Text).width;
+                if (colItem.Width<textWidth) colItem.Width=textWidth;
+            }
+        }
+
+        var tableWidth=0;
+        for(var i=0;i<this.AryColumnCache.length;++i)
+        {
+            var item=this.AryColumnCache[i];
+            item.Width+=(this.ItemMargin.Left+this.ItemMargin.Right);   //增加左右间距
+
+            tableWidth+=item.Width;
+        }
+
+        this.RectClient={ Width:tableWidth, Height:this.RowHeight*rowCount };
+
+        var border=this.ChartFrame.GetBorder();
+        this.RectClient.Right=border.Right+this.Offset.X;
+        this.RectClient.Top=border.TopEx+this.Offset.Y;
+        this.RectClient.Left=this.RectClient.Right-this.RectClient.Width;
+        this.RectClient.Bottom=this.RectClient.Top+this.RectClient.Height;
+    }
+
+    this.Draw=function()
+    {
+        if (!this.IsShow || this.ChartFrame.IsMinSize) return;
+        if (!this.Data || !IFrameSplitOperator.IsNonEmptyArray(this.Data.Data)) return;
+
+        var isHScreen=(this.ChartFrame.IsHScreen===true);
+        if (isHScreen) return;
+        
+        this.CalculateSize();
+
+        if (this.BGColor)
+        {
+            this.Canvas.fillStyle=this.BGColor;
+            this.Canvas.fillRect(this.RectClient.Left, this.RectClient.Top, this.RectClient.Width, this.RectClient.Height);
+        }
+
+        var itemHeight=this.RowHeight;
+        this.Canvas.font=this.TextFont;
+        this.Canvas.textBaseline='bottom';
+        this.Canvas.textAlign='left';
+        var rtRow={ Left:this.RectClient.Left, Top:this.RectClient.Top, Width:this.RectClient.Width, Height:itemHeight };
+        rtRow.Right=rtRow.Left+rtRow.Width;
+        rtRow.Bottom=rtRow.Top+rtRow.Height;
+        var rowCount=this.Data.Data.length;
+        for(var i=0;i<rowCount;++i)
+        {
+            var rowItem=this.Data.Data[i];
+            this.DrawRow(rowItem, rtRow);
+
+            rtRow.Top+=itemHeight;
+            rtRow.Bottom+=itemHeight;
+        }
+
+        this.DrawBorder();
+    }
+
+    this.DrawBorder=function()
+    {
+        if (!this.BorderColor) return;
+
+        var rowCount=this.Data.Data.length;
+        var colCount=this.AryColumnCache.length;
+        this.Canvas.strokeStyle=this.BorderColor;
+        this.Canvas.beginPath();
+       
+        //横线
+        var rowTop=this.RectClient.Top;
+        var left=this.RectClient.Left, right=this.RectClient.Right;
+        var bottom=this.RectClient.Bottom, top=this.RectClient.Top;
+        for(var i=0;i<rowCount;++i)
+        {
+            if (i==0)
+            {
+                var drawTop=ToFixedPoint(rowTop);
+                this.Canvas.moveTo(left,drawTop);
+                this.Canvas.lineTo(right,drawTop);
+            }
+
+            var drawTop=ToFixedPoint(rowTop+this.RowHeight);
+            this.Canvas.moveTo(left,drawTop);
+            this.Canvas.lineTo(right,drawTop);
+
+            rowTop+=this.RowHeight;
+        }
+
+        //竖线
+        var columnLeft=this.RectClient.Left;
+        for(var i=0;i<colCount; ++i)
+        {
+            var item=this.AryColumnCache[i];
+
+            if (i==0)
+            {
+                var drawLeft=ToFixedPoint(columnLeft);
+                this.Canvas.moveTo(drawLeft,top);
+                this.Canvas.lineTo(drawLeft,bottom);
+            }   
+
+            var drawLeft=ToFixedPoint(columnLeft+item.Width);
+            this.Canvas.moveTo(drawLeft,top);
+            this.Canvas.lineTo(drawLeft,bottom);
+
+            columnLeft+=item.Width;
+        }
+
+        this.Canvas.stroke();
+    }
+
+    this.DrawRow=function(data, rtRow)
+    {
+        if (!IFrameSplitOperator.IsNonEmptyArray(data.AryCell)) return;
+
+        var x=rtRow.Left,y=rtRow.Top, width=rtRow.Width;
+        for(var i=0;i<data.AryCell.length;++i)
+        {
+            var item=data.AryCell[i];
+            var colItem=this.AryColumnCache[i];
+
+            var rtBG={Left:x, Top:rtRow.Top, Bottom:rtRow.Bottom, Height:this.RowHeight, Width:colItem.Width };
+            rtBG.Right=rtBG.Left+rtBG.Width;
+
+            if (item)
+            {
+                if (item.BGColor)
+                {
+                    this.Canvas.fillStyle=item.BGColor;
+                    this.Canvas.fillRect(rtBG.Left, rtBG.Top, rtBG.Width, rtBG.Height);
+                }
+
+                if (item.Text && rtBG.Width>10)
+                {
+                    if (item.Color) this.Canvas.fillStyle=item.Color;
+                    else this.Canvas.fillStyle=this.TextColor
+    
+                    var xText=x+this.ItemMargin.Left;
+                    var yText=rtBG.Bottom-this.ItemMargin.Bottom;
+    
+                    if (item.TextAlign=='right')
+                    {
+                        var textWidth=this.Canvas.measureText(item.Text).width;
+                        xText=rtBG.Right-this.ItemMargin.Right-textWidth;
+                    }
+                    else if (item.TextAlign=='center')
+                    {
+                        var textWidth=this.Canvas.measureText(item.Text).width;
+                        xText=rtBG.Left+rtBG.Width/2-textWidth/2;
+                    }
+    
+                    this.Canvas.fillText(item.Text,xText,yText);
+                }
+            }
+
+            x+=rtBG.Width;
+        }
+    }
+
+    this.GetMaxMin=function()
+    {
+        return { Min:null, Max:null };
+    }
+}
+
 //分钟成交量 支持横屏
 function ChartMinuteVolumBar()
 {
@@ -70097,6 +70316,15 @@ function JSChartResource()
         ItemMergin:{ Left:5, Right:5, Top:4, Bottom:2 },
     };
 
+    this.ChartSimpleTable=
+    {
+        TextFont:{ Family:'微软雅黑' , Size:14 },
+        ItemMargin:{ Left:5, Right:5, Top:4, Bottom:2 },
+        TextColor:"rgb(0,0,0)",
+        BGColor:"rgba(255,255,255,0.95)",
+        BorderColor:"rgb(217,217,217)",
+    }
+
     //手机端tooltip
     this.TooltipPaint = {
         BGColor:'rgba(250,250,250,0.8)',    //背景色
@@ -71325,6 +71553,8 @@ function JSChartResource()
             if (style.Title.PositionColor) this.Title.PositionColor=style.Title.PositionColor;
         }
 
+        if (style.ChartSimpleTable) this.SetChartSimpleTable(style.ChartSimpleTable);
+        
         if (style.DRAWICON) 
         {
             if (style.DRAWICON.Icon)
@@ -71584,7 +71814,7 @@ function JSChartResource()
                 {
                     var mergin=header.Mergin;
                     if (IFrameSplitOperator.IsNumber(mergin.Left)) this.DealList.Header.Mergin.Left=mergin.Left;
-                    if (IFrameSplitOperator.IsNumber(mergin.Right)) this.DealList.Header.Mergin.Left=mergin.Right;
+                    if (IFrameSplitOperator.IsNumber(mergin.Right)) this.DealList.Header.Mergin.Right=mergin.Right;
                     if (IFrameSplitOperator.IsNumber(mergin.Top)) this.DealList.Header.Mergin.Top=mergin.Top;
                     if (IFrameSplitOperator.IsNumber(mergin.Bottom)) this.DealList.Header.Mergin.Bottom=mergin.Bottom;
                 }
@@ -72370,6 +72600,32 @@ function JSChartResource()
         if (IFrameSplitOperator.IsBool(style.AddIndexWindow)) dest.AddIndexWindow=style.AddIndexWindow;
     }
 
+
+    this.SetChartSimpleTable=function(style)
+    {
+        var dest=this.ChartSimpleTable;
+
+        if (style.TextColor) dest.TextColor=style.TextColor;
+        if (style.BGColor) dest.BGColor=style.BGColor;
+        if (style.BorderColor) dest.BorderColor=style.BorderColor;
+
+        if (style.TextFont)
+        {
+            var item=style.TextFont;
+            if (item.Name) dest.TextFont.Name=item.Name;
+            if (IFrameSplitOperator.IsNumber(item.Size)) dest.TextFont.Size=item.Size;
+        }
+
+        if (style.ItemMargin)
+        {
+            var margin=style.ItemMargin;
+            if (IFrameSplitOperator.IsNumber(margin.Left)) dest.ItemMargin.Left=margin.Left;
+            if (IFrameSplitOperator.IsNumber(margin.Right))  dest.ItemMargin.Right=margin.Right;
+            if (IFrameSplitOperator.IsNumber(margin.Top))  dest.ItemMargin.Top=margin.Top;
+            if (IFrameSplitOperator.IsNumber(margin.Bottom))  dest.ItemMargin.Bottom=margin.Bottom;
+        }
+    }
+
 }
 
 var g_JSChartResource=new JSChartResource();
@@ -76781,6 +77037,8 @@ function KLineChartContainer(uielement,OffscreenElement, cacheElement)
         }
         else    //API周期数据 重新请求数据
         {
+            
+
             if (ChartData.IsDayPeriod(this.Period,true))
             {
                 this.CancelAutoUpdate();                    //先停止定时器
@@ -76788,6 +77046,7 @@ function KLineChartContainer(uielement,OffscreenElement, cacheElement)
                 this.ClearIndexPaint();
                 this.ResetOverlaySymbolStatus();
                 this.ResetScrollBar();
+                this.Frame.ClearYCoordinateMaxMin();
                 this.RequestHistoryData();                  //请求日线数据
             }
             else if (ChartData.IsMinutePeriod(this.Period,true) || ChartData.IsSecondPeriod(this.Period) || ChartData.IsMilliSecondPeriod(this.Period))
@@ -76797,6 +77056,7 @@ function KLineChartContainer(uielement,OffscreenElement, cacheElement)
                 this.ClearIndexPaint();
                 this.ResetOverlaySymbolStatus();
                 this.ResetScrollBar();
+                this.Frame.ClearYCoordinateMaxMin();
                 this.RequestHistoryMinuteData();            //请求分钟数据
             }  
         }

package/src/jscommon/umychart.style.js

@@ -534,6 +534,13 @@ function GetBlackStyle()
             }
         },
 
+        ChartSimpleTable:
+        {
+            TextColor:"rgb(250,250,250)",
+            BGColor:"rgba(0,0,0,0.85)",
+            BorderColor:"rgb(90,90,90)",
+        },
+
         ChartDrawVolProfile:
         {
             BGColor:"rgba(244,250,254,0.3)",