hqchart 1.1.15306 → 1.1.15312

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

@@ -5276,6 +5276,15 @@ function JSChart(divElement, bOffscreen, bCacheCanvas)
             if (IFrameSplitOperator.IsBool(item.EnableDBClick)) chart.ChartCorssCursor.EnableDBClick=item.EnableDBClick;
             if (IFrameSplitOperator.IsBool(item.IsShowCorssPoint)) chart.ChartCorssCursor.CorssPointConfig.Enable=item.IsShowCorssPoint;
             if (IFrameSplitOperator.IsNumber(item.VLineType)) chart.ChartCorssCursor.VLineType=item.VLineType;
+
+            if (item.TextStyle)
+            {
+                if (item.TextStyle.Right)   //右侧输出样式
+                {
+                    var subItem=item.TextStyle.Right;
+                    if (IFrameSplitOperator.IsNumber(subItem.Type)) chart.ChartCorssCursor.StringFormatY.TextStyleConfig.Right.Type=subItem.Type;
+                }
+            }
         }
 
         if (option.MinuteInfo) chart.CreateMinuteInfo(option.MinuteInfo);
@@ -7279,6 +7288,7 @@ var JSCHART_MENU_ID=
 
     CMD_CHANGE_YRIGHT_TEXT_FORMAT:62,       //分时图主图 右侧刻度格式
     CMD_ENABLE_ZOOM_Y_ID:63,                //放大缩小Y坐标 { FrameID:, Enable: , Range:{ Max:, Min: }}
+    CMD_CORSS_YRIGHT_TEXT_STYLE:64,         //十字光标右侧输出样式
 
 
     CMD_REPORT_CHANGE_BLOCK_ID:100,      //报价列表 切换板块ID
@@ -16081,6 +16091,11 @@ function JSChartContainer(uielement, OffscreenElement, cacheElement)
                 this.ResetFrameXYSplit();
                 this.Draw();
                 break;
+            case JSCHART_MENU_ID.CMD_CORSS_YRIGHT_TEXT_STYLE:
+                if (param==null) return false;
+                if (!this.ChartCorssCursor || !this.ChartCorssCursor.StringFormatY) return false;
+                this.ChartCorssCursor.StringFormatY.TextStyleConfig.Right.Type=param;
+                break;
             case JSCHART_MENU_ID.CMD_ENABLE_ZOOM_Y_ID:
                 if (!srcParam) return false;
                 if (this.EnableZoomYCoordinate) this.EnableZoomYCoordinate(srcParam);
@@ -42109,6 +42124,8 @@ function ChartPointDot()
     this.Color="rgb(255,193,37)";   //线段颜色
     this.Radius=1;                  //点半径
     this.EnableUpDownColor=false;   //是否是红绿点
+    this.UpColor=g_JSChartResource.ChartPointDot.UpColor;
+    this.DownColor=g_JSChartResource.ChartPointDot.DownColor;
     this.HistoryData;
 
     this.ExportData=this.ExportArrayData;
@@ -42152,8 +42169,8 @@ function ChartPointDot()
             {
                 var kItem=this.HistoryData.Data[i];
 
-                if (kItem.Close>value) colorDot="rgb(255,61,61)";
-                else colorDot='rgb(0,199,65)';
+                if (kItem.Close>value) colorDot=this.UpColor
+                else colorDot=this.DownColor;
 
                 this.Canvas.fillStyle=colorDot;
             }
@@ -63272,8 +63289,16 @@ function ChartCorssCursor()
                         if (IFrameSplitOperator.IsNumber(itemSize.Height)) yValue=itemSize.Height/2;
                     }  
 
-                    rtBG.Top=rtBG.YCenter-yValue;
-                    rtBG.Bottom=rtBG.Top+rtBG.Height;
+                    if (complexText.BaseLine=="center")
+                    {
+                        rtBG.Top=rtBG.YCenter-rtBG.Height/2;
+                        rtBG.Bottom=rtBG.Top+rtBG.Height;
+                    }
+                    else
+                    {
+                        rtBG.Top=rtBG.YCenter-yValue;
+                        rtBG.Bottom=rtBG.Top+rtBG.Height;
+                    }
                 }
                 else
                 {
@@ -63486,7 +63511,6 @@ function ChartCorssCursor()
         if (complexText.ShowType==1) showType=complexText.ShowType;
         if (showType==1)    //多行
         {
-            var xLeft=rtBG.Left;
             var yTop=rtBG.Top;    //顶
             for(var i=0; i<complexText.Text.length; ++i)
             {
@@ -63500,7 +63524,17 @@ function ChartCorssCursor()
                 else this.Canvas.fillStyle=complexText.Color;
 
                 var y=yTop+itemSize.Height;
+                var xLeft=rtBG.Left, xRight=rtBG.Right;
+                if (item.Margin)
+                {
+                    var margin=item.Margin;
+                    if (IFrameSplitOperator.IsNumber(margin.Left)) xLeft+=margin.Left;
+                    if (IFrameSplitOperator.IsNumber(margin.Right)) xRight-=margin.Right;
+                }
+
                 var x=xLeft;
+                if (item.TextAlign=="right") x=xRight-itemSize.TextWidth;
+                else if (item.TextAlign=="center") x=rtBG.Left+rtBG.Width/2-itemSize.TextWidth/2;
 
                 if (item.TextOffset)
                 {
@@ -63509,7 +63543,7 @@ function ChartCorssCursor()
                     if (IFrameSplitOperator.IsNumber(textOffset.Y)) y+=textOffset.Y;
                 }
 
-                this.Canvas.fillText(item.Text,x,y,itemSize.Width);
+                this.Canvas.fillText(item.Text,x,y,itemSize.TextWidth);
                 
                 yTop+=itemSize.Height;
             }
@@ -63560,7 +63594,8 @@ function ChartCorssCursor()
                 var item=complexText.Text[i];
                 if (item.Font) this.Canvas.font=item.Font;
                 else this.Canvas.font=complexText.Font;
-                var itemWidth=this.Canvas.measureText(item.Text).width;    //前后各空2个像素
+                var outWidth=this.Canvas.measureText(item.Text).width;
+                var itemWidth=outWidth
                 var itemHeight=this.GetFontHeight();
                 if (item.Margin)
                 {
@@ -63571,7 +63606,7 @@ function ChartCorssCursor()
                     if (IFrameSplitOperator.IsNumber(margin.Bottom)) itemHeight+=margin.Bottom;
                 }
 
-                size.Text[i]={ Width:itemWidth, Height:itemHeight };    //保存所有文字的大小信息
+                size.Text[i]={ Width:itemWidth, Height:itemHeight, TextWidth:outWidth };    //保存所有文字的大小信息
 
                 if (textWidth<itemWidth) textWidth=itemWidth;
                 textHeight+=itemHeight;
@@ -63588,8 +63623,8 @@ function ChartCorssCursor()
                 var item=complexText.Text[i];
                 if (item.Font) this.Canvas.font=item.Font;
                 else this.Canvas.font=complexText.Font;
-
-                var itemWidth=this.Canvas.measureText(item.Text).width;    //前后各空2个像素
+                var outWidth=this.Canvas.measureText(item.Text).width;
+                var itemWidth=outWidth; 
                 var itemHeight=this.Canvas.measureText("擎").width;
                 if (item.Margin)
                 {
@@ -63600,7 +63635,7 @@ function ChartCorssCursor()
                     if (IFrameSplitOperator.IsNumber(margin.Bottom)) itemHeight+=margin.Bottom;
                 }
 
-                size.Text[i]={ Width:itemWidth, Height:itemHeight };    //保存所有文字的大小信息
+                size.Text[i]={ Width:itemWidth, Height:itemHeight, TextWidth:outWidth };    //保存所有文字的大小信息
 
                 textWidth+=itemWidth;
                 if (textHeight<itemHeight) textHeight=itemHeight;
@@ -64611,6 +64646,24 @@ function HQPriceStringFormat()
     this.Point;
     this.ClientPos=-1;
     this.HQChart;
+    this.TextStyleConfig={ Right:{ Type:-1 } };      //输出文本样式  Type: -1=默认 1=价格 2=价格|涨幅 2行(分时图)
+    //自定义样式模板
+    this.TextStyleTemplate=
+    [ 
+        null, 
+        null, 
+        /*
+        { 
+            ShowType:1, Space:2, 
+            BaseLine:"center",
+            Text:
+            [ 
+                { Text:null, TextAlign:"center", Margin:{ Left:5, Right:5 } }, 
+                { Text:null, TextAlign:"center", Margin:{ Left:5, Right:5 } } 
+            ] 
+        } 
+        */
+    ]
 
     this.ExtendChartPaint;
     this.RExtendText=[];
@@ -64704,6 +64757,13 @@ function HQPriceStringFormat()
         }
     }
 
+    this.GetTextStyleTemplate=function(type, defaultTemplate)
+    {
+        var template=this.TextStyleTemplate[type];
+        if (!template) return defaultTemplate;
+        return CloneData(template);
+    }
+
     this.Operator=function()
     {
         this.RText=null;
@@ -64722,7 +64782,41 @@ function HQPriceStringFormat()
             else 
                 this.Text=this.Value.toFixed(defaultfloatPrecision);
 
-            if (this.YClose>0) this.PercentageText=((this.Value-this.YClose)*100/this.YClose).toFixed(2);   //走势图右边坐标显示百分比
+            if (this.TextStyleConfig.Right.Type==2)
+            {
+                if (IFrameSplitOperator.IsNumber(this.YClose))
+                {
+                    var value=(this.Value-this.YClose)*100/this.YClose;
+                    var text=`${value.toFixed(2)}%`;
+                    if (value>=0) text=` ${value.toFixed(2)}%`;
+
+                    var defaultTemplate=
+                    {
+                        ShowType:1, Space:2, 
+                        BaseLine:"center",
+                        Text:
+                        [ 
+                            { Text:null, TextAlign:"center", Margin:{ Left:2, Right:2 } }, 
+                            { Text:null, TextAlign:"center", Margin:{ Left:2, Right:2 }} 
+                        ] 
+                    }
+
+                    var complexText=this.GetTextStyleTemplate(this.TextStyleConfig.Right.Type,defaultTemplate);
+                    
+                    complexText.Text[0].Text=this.Text; //价格
+                    complexText.Text[1].Text=text;      //百分比
+
+                    this.RComplexText=complexText;
+                }
+            }
+            else if (this.TextStyleConfig.Right.Type==1)
+            {
+
+            }
+            else
+            {
+                if (IFrameSplitOperator.IsNumber(this.YClose)) this.PercentageText=((this.Value-this.YClose)*100/this.YClose).toFixed(2);   //走势图右边坐标显示百分比          
+            }
 
             this.GetExtendPaintData(defaultfloatPrecision);
         }
@@ -82560,6 +82654,12 @@ function JSChartResource()
         DownColor:"rgb(25,158,0)"
     }
 
+    this.ChartPointDot=
+    {
+        UpColor:"rgb(255,61,61)",
+        DownColor:"rgb(0,199,65)"
+    }
+
     this.ChartDrawTVLongPosition=
     {
         TopArea:
@@ -83937,6 +84037,7 @@ function JSChartResource()
         if (style.ChartSimpleRadar) this.SetChartSimpleRadar(style.ChartSimpleRadar);
 
         if (style.ChartBaseLineBar) this.SetChartBaseLineBar(style.ChartBaseLineBar);
+        if (style.ChartPointDot) this.SetChartPointDot(style.ChartPointDot);
         
         if (style.DRAWICON) 
         {
@@ -85212,6 +85313,13 @@ function JSChartResource()
         if (style.DownColor) dest.DownColor=style.DownColor;
     }
 
+    this.SetChartPointDot=function(style)
+    {
+        var dest=this.ChartPointDot;
+        if (style.UpColor) dest.UpColor=style.UpColor;
+        if (style.DownColor) dest.DownColor=style.DownColor;
+    }
+
     this.SetIndexLock=function(style)
     {
         var item=style;
@@ -96877,6 +96985,7 @@ function MinuteChartContainer(uielement,offscreenElement,cacheElement)
         var bCorssDrawVaildTime=false;
         var bCorssDrawPoint=false;
         var bCorssBCClick=false;
+        var corssRightTextStyle=-1;
         if (this.ChartCorssCursor) 
         {
             bShowCorss=this.ChartCorssCursor.IsShowCorss;
@@ -96884,6 +96993,7 @@ function MinuteChartContainer(uielement,offscreenElement,cacheElement)
             bCorssDrawVaildTime=this.ChartCorssCursor.IsFixXLastTime;
             bCorssDrawPoint=this.ChartCorssCursor.CorssPointConfig.Enable;
             bCorssBCClick=this.ChartCorssCursor.EnableDBClick;
+            if (this.ChartCorssCursor.StringFormatY) corssRightTextStyle=this.ChartCorssCursor.StringFormatY.TextStyleConfig.Right.Type;
         }
 
         var bRButtonSelectRect=false,bLButtonSelectRect=false;
@@ -96991,6 +97101,15 @@ function MinuteChartContainer(uielement,offscreenElement,cacheElement)
                     { Name:"画在有效X轴上",Data:{ ID:JSCHART_MENU_ID.CMD_CORSS_ON_VAILD_TIME_ID, Args:[!bCorssDrawVaildTime]}, Checked:bCorssDrawVaildTime },
                     { Name:"画圆点",Data:{ ID:JSCHART_MENU_ID.CMD_CORSS_POINT_ID, Args:[!bCorssDrawPoint]}, Checked:bCorssDrawPoint },
                     { Name:"双击显示/隐藏", Data:{ ID:JSCHART_MENU_ID.CMD_CORSS_DBCLICK_ID, Args:[!bCorssBCClick]}, Checked:bCorssBCClick },
+                    { 
+                        Name:"主图右侧文字格式",
+                        SubMenu:
+                        [
+                            { Name:"默认(百分比)", Data:{ ID:JSCHART_MENU_ID.CMD_CORSS_YRIGHT_TEXT_STYLE, Args:[-1]}, Checked:corssRightTextStyle===-1  },
+                            { Name:"价格", Data:{ ID:JSCHART_MENU_ID.CMD_CORSS_YRIGHT_TEXT_STYLE, Args:[1]}, Checked:corssRightTextStyle===1 },
+                            { Name:"价格|百分比(两行)", Data:{ ID:JSCHART_MENU_ID.CMD_CORSS_YRIGHT_TEXT_STYLE, Args:[2]}, Checked:corssRightTextStyle===2 },
+                        ]
+                    },
                 ]
             },
 
@@ -128614,6 +128733,8 @@ function JSExecute(ast,option)
                     if (!Array.isArray(outVar)) outVar=this.SingleDataToArrayData(outVar);
                     let value={Name:varName, Data:outVar, Radius:g_JSChartResource.CIRCLEDOT.Radius, Type:3, UpDownDot:true };
                     if (color) value.Color=color;
+                    if (upColor) value.UpColor=upColor;
+                    if (downColor) value.DownColor=downColor;
                     if (lineWidth) value.LineWidth=lineWidth;
                     this.OutVarTable.push(value);
                 }
@@ -131993,6 +132114,8 @@ function ScriptIndex(name,script,args,option)
         {
             pointDot.EnableUpDownColor=varItem.UpDownDot;
             pointDot.HistoryData=hisData;
+            if (varItem.UpColor) pointDot.UpColor=varItem.UpColor;
+            if (varItem.DownColor) pointDot.DownColor=varItem.DownColor;
         }
 
         let titleIndex=windowIndex+1;
@@ -134421,6 +134544,8 @@ function OverlayScriptIndex(name,script,args,option)
         {
             chart.EnableUpDownColor=varItem.UpDownDot;
             chart.HistoryData=hisData;
+            if (varItem.UpColor) chart.UpColor=varItem.UpColor;
+            if (varItem.DownColor) chart.DownColor=varItem.DownColor;
         }
 
         let titleIndex=windowIndex+1;
@@ -167072,7 +167197,7 @@ function HQChartScriptWorker()
 
 
 
-var HQCHART_VERSION="1.1.15305";
+var HQCHART_VERSION="1.1.15311";
 
 function PrintHQChartVersion()
 {