hqchart 1.1.14498 → 1.1.14506

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

@@ -8215,6 +8215,10 @@ function JSChartContainer(uielement, OffscreenElement, cacheElement)
             drag.LastMove.X=e.clientX;
             drag.LastMove.Y=e.clientY;
         }
+        else if (drag.Click && drag.Click.IsInFrameBottom)
+        {
+            this.OnDragXCoordinateZoom(drag, {X:moveSetp, Y:moveSetpY}, e);
+        }
         else if ((bLButtonSelectRect || bRButtonSelectRect) && !isDragSelectRect && !isDragSubSelectRect)  //左右键区间选择
         {
             var yMoveSetp=Math.abs(drag.LastMove.Y-e.clientY);
@@ -8236,6 +8240,38 @@ function JSChartContainer(uielement, OffscreenElement, cacheElement)
         }
     }
 
+    this.OnDragXCoordinateZoom=function(drag, moveData, e)
+    {
+        var moveSetp=moveData.X;
+        var moveSetpY=moveData.Y;
+        if (moveSetp<5) return;
+        
+        var isLeft=true;
+        if (drag.LastMove.X<e.clientX) isLeft=false;//右移数据
+
+        var cursorStatus="ew-resize";
+
+        var oneStepWidth=this.GetMoveOneStepWidth();
+        if (moveSetp<oneStepWidth)
+        {
+            this.SetCursor({Cursor:cursorStatus});
+            return;
+        }
+
+        if (this.XCoordinateZoom(moveSetp,isLeft))
+        {
+            this.UpdataDataoffset();
+            this.UpdateFrameMaxMin();
+            this.ResetFrameXYSplit();
+
+            this.Draw();
+            this.OnKLinePageChange("datamove");
+        }
+
+        drag.LastMove.X=e.clientX;
+        this.SetCursor({Cursor:cursorStatus});
+    }
+
     this.OnDragMode_One=function(moveData, e)
     {
         var moveSetp=moveData.X;
@@ -8296,7 +8332,6 @@ function JSChartContainer(uielement, OffscreenElement, cacheElement)
                 if (drag.LastMove.X<e.clientX) isLeft=false;//右移数据
 
                 var cursorStatus="pointer";
-                if (drag.Click.IsInFrameBottom)  cursorStatus="ew-resize";
                 var oneStepWidth=this.GetMoveOneStepWidth();
                 if (moveSetp<oneStepWidth)
                 {
@@ -8307,18 +8342,7 @@ function JSChartContainer(uielement, OffscreenElement, cacheElement)
                 }
                 else
                 {
-                    if (drag.Click && drag.Click.IsInFrameBottom)
-                    {
-                       
-                        if (this.XCoordinateZoom(moveSetp,isLeft))
-                        {
-                            this.UpdataDataoffset();
-                            this.UpdateFrameMaxMin();
-                            this.ResetFrameXYSplit();
-                            bNeedDraw=true;
-                        }
-                    }
-                    else if(this.DataMove(moveSetp,isLeft))
+                    if(this.DataMove(moveSetp,isLeft))
                     {
                         this.UpdataDataoffset();
                         //this.UpdatePointByCursorIndex(); //推拽数据的时候不需要把鼠标位置更新到K线上
@@ -8443,9 +8467,9 @@ function JSChartContainer(uielement, OffscreenElement, cacheElement)
         }
         else if (IsMinuteChart)
         {
-            if (this.OnMinuteSelectRectMouseUp) this.OnMinuteSelectRectMouseUp(e);
+            if (this.OnMinuteSelectRectMouseUp) this.OnMinuteSelectRectMouseUp(e);  //分时图区间选择
         }
-        else if (bLButtonSelectRect || bRButtonSelectRect)  //区间选择
+        else if (bLButtonSelectRect || bRButtonSelectRect)  //K线图区间选择
         {
             var drag=this.MouseDrag;
             drag.LastMove.X=e.clientX;
@@ -8460,49 +8484,12 @@ function JSChartContainer(uielement, OffscreenElement, cacheElement)
             selectData.YEnd=(drag.LastMove.Y-uielement.getBoundingClientRect().top)*pixelTatio;
             selectData.JSChartContainer=this;
             selectData.Stock={Symbol:this.Symbol, Name:this.Name};
+            selectData.IsLButton=bLButtonSelectRect;
+            selectData.IsRButton=bRButtonSelectRect;
 
             if (!this.BorderDrag && this.GetSelectRectData(selectData))
             {
-                var event=this.GetEventCallback(JSCHART_EVENT_ID.ON_SELECT_RECT);
-                var paint=this.GetRectSelectPaint();
-                var isShowMenu=true;
-                if (event && event.Callback)
-                {
-                    var data=
-                    { 
-                        X:drag.LastMove.X-uielement.getBoundingClientRect().left,
-                        Y:drag.LastMove.Y-uielement.getBoundingClientRect().top,
-                        SelectData:selectData,    //区间选择的数据
-                        RectSelectPaint:paint,    //区间选择背景
-                        IsShowMenu:true,
-                        e,e
-                    };
-                    event.Callback(event,data,this);
-                    isShowMenu=data.IsShowMenu;
-                }
-
-                if (IsMinuteChart)  //分时图直接显示显示区间选择
-                {
-                    this.HideSelectRect();
-                    this.UpdateSelectRect(selectData.Start,selectData.End);
-                }
-                else
-                {
-                    if (isShowMenu)
-                    {
-                        var data=
-                        { 
-                            Chart:this,
-                            X:drag.LastMove.X-uielement.getBoundingClientRect().left,
-                            Y:drag.LastMove.Y-uielement.getBoundingClientRect().top,
-                            SelectData:selectData,          //区间选择的数据
-                            RectSelectPaint:paint           //区间选择背景
-                        };
-
-                        e.data=data;
-                        this.PopupSelectRectMenuV2(data, e);
-                    }
-                }
+                this.FinishSelectRect(selectData, e);
             }
             else
             {
@@ -8542,6 +8529,92 @@ function JSChartContainer(uielement, OffscreenElement, cacheElement)
         this.ClearDocContextMenuTimer(5000);
     }
 
+    //区间选择完成
+    this.FinishSelectRect=function(selectData, e)
+    {
+        var bMinuteChart=this.IsMinuteContainer();
+        var drag=this.MouseDrag;
+        var event=this.GetEventCallback(JSCHART_EVENT_ID.ON_SELECT_RECT);
+        var paint=this.GetRectSelectPaint();
+
+        var x=drag.LastMove.X-uielement.getBoundingClientRect().left;
+        var y=drag.LastMove.Y-uielement.getBoundingClientRect().top;
+
+        if (e)  //往事件里面 写如我们的数据
+        {
+            var data=
+            { 
+                Chart:this, X:x,Y:y,
+                SelectData:selectData,          //区间选择的数据
+                RectSelectPaint:paint,           //区间选择背景
+                IsLButton:selectData.IsLButton, IsRButton:selectData.IsRButton,
+            };
+
+            e.data=data;
+        }
+
+        var aryMenu=null, command=null;
+        if (bMinuteChart)   //分时图 默认区间统计
+        {
+            command={ ID:JSCHART_MENU_ID.CMD_SELECTED_SUMMARY_ID, Args:[e,selectData] };
+        }
+        else    //K线默认 区间选择K线
+        {
+            aryMenu=
+            [
+                { Name:"区间统计", Data:{ ID:JSCHART_MENU_ID.CMD_SELECTED_SUMMARY_ID, Args:[e,selectData] }},
+                { Name:"区间放大", Data:{ ID:JSCHART_MENU_ID.CMD_SELECTED_ZOOM_ID, Args:[selectData] }}
+            ];
+        }
+        
+        if (event && event.Callback)
+        
+            var sendData=
+            { 
+                X:x, Y:y, e:e,
+                SelectData:selectData,    //区间选择的数据
+                RectSelectPaint:paint,    //区间选择背景
+                AryMenu:aryMenu,          //菜单  填null 不就会弹菜单
+                Command:command,          //执行命令
+                IsLButton:selectData.IsLButton, IsRButton:selectData.IsRButton,
+                PreventDefault:false,
+            };
+            if (bMinuteChart) sendData.Command=null;    //分时图 调用事件 不做任何事
+            
+            event.Callback(event,sendData,this);
+
+            if (sendData.PreventDefault==true) return;   //已被上层替换,不调用默认的网络请求
+
+            aryMenu=sendData.AryMenu;
+            command=sendData.Command;
+        
+
+        if (aryMenu)    //弹菜单
+        {
+            this.PopupSelectRectMenuV3(aryMenu, data, e);
+            return;
+        }
+
+        if (command)    //执行命令
+        {
+            this.ExecuteMenuCommand(command.ID, command.Args);
+            return;
+        }
+
+        this.HideSelectRect();
+        this.UpdateSelectRect(selectData.Start,selectData.End);
+    }
+
+    this.PopupSelectRectMenuV3=function(aryMenu, data, e)
+    {
+        if (!aryMenu) return;
+
+        var menuData={ Menu:aryMenu, Position:JSPopMenu.POSITION_ID.RIGHT_MENU_ID };
+        menuData.ClickCallback=(data)=>{ this.OnClickRightMenu(data); }
+        var x=data.X, y=data.Y;
+        this.PopupMenuByRClick(menuData, x, y);
+    }
+
     this.DocContextMenu=function(e)
     {
         e.preventDefault();
@@ -28982,12 +29055,12 @@ function IChartPainting()
             if (valueType==1)   //K线收盘价
             {
                 var kItem=this.Data.Data[i];
-                if (IFrameSplitOperator.IsNumber(kItem.Close)) value=kItem.Close
+                if (kItem && IFrameSplitOperator.IsNumber(kItem.Close)) value=kItem.Close
             }
             else if (valueType==2)
             {
                 var kItem=this.Data.Data[i];
-                if (IFrameSplitOperator.IsNumber(kItem.Vol)) value=kItem.Vol
+                if (kItem && IFrameSplitOperator.IsNumber(kItem.Vol)) value=kItem.Vol
             }
             else if (valueType==3)
             {
@@ -62132,7 +62205,7 @@ function DynamicChartTitlePainting()
         return aryText;
     }
 
-    this.FromatKLineTitle=function(item, dataInfo)
+    this.FormatKLineTitle=function(item, dataInfo)
     {
         var defaultfloatPrecision=GetfloatPrecision(dataInfo.Symbol);//价格小数位数
         var upperSymbol="";
@@ -62210,6 +62283,35 @@ function DynamicChartTitlePainting()
         return aryText;
     }
 
+    this.FormatIndexTitle=function(value, dataInfo)
+    {
+        if (!value) return null;
+
+        if (IFrameSplitOperator.IsString(value)) return { Text:value, ArrayText:null };
+
+        if (IFrameSplitOperator.IsNonEmptyArray(value))
+        {
+            var aryText=[];
+            for(var i=0;i<value.length;++i)
+            {
+                var item=value[i];
+                if (!item) continue;
+
+                var textItem={ Name:null, Text:null };
+                if (item.Name) textItem.Name=item.Name;
+                if (item.Text) textItem.Text=item.Text;
+                if (item.Color) textItem.Color=item.Color;
+                if (IFrameSplitOperator.IsNumber(item.LeftSpace))  textItem.LeftSpace=item.LeftSpace;
+
+                aryText.push(textItem);
+            }
+
+            return {  Text:null, ArrayText:aryText }
+        }
+
+        return null;
+    }
+
     this.GetColor=function(price,yClose)
     {
         if (!IFrameSplitOperator.IsNumber(yClose)) return this.UnchangeColor;
@@ -62707,15 +62809,14 @@ function DynamicChartTitlePainting()
             }
             else if (item.DataType=="DRAWKLINE")
             {
-                aryText=this.FromatKLineTitle(value, item);
+                aryText=this.FormatKLineTitle(value, item);
                 if (!aryText) return null;
                 return { Text:null, ArrayText:aryText };
             }
             else if (item.DataType=="ChartIndexTitle")
             {
-                var text=item.Data.Data[dataIndex];
-                if (!IFrameSplitOperator.IsString(text)) return null;
-                return { Text:text, ArrayText:null };
+                var outTitle=this.FormatIndexTitle(value, item);
+                return outTitle;
             }
             else if (g_ScriptIndexChartFactory.Has(item.DataType)) //外部挂接
             {
@@ -63109,9 +63210,17 @@ function DynamicChartTitlePainting()
                     }
                     else if (item.DataType=="DRAWKLINE")
                     {
-                        aryText=this.FromatKLineTitle(value, item);
+                        aryText=this.FormatKLineTitle(value, item);
                         if (!aryText) continue;
                     }
+                    else if (item.DataType=="ChartIndexTitle")
+                    {
+                        var outTitle=this.FormatIndexTitle(value, item);
+                        if (!outTitle) continue;
+
+                        valueText=outTitle.Text;
+                        aryText=outTitle.ArrayText;
+                    }
                     else
                     {
                         valueText=this.FormatValue(value,item);
@@ -63129,6 +63238,8 @@ function DynamicChartTitlePainting()
                         var textWidth=this.Canvas.measureText(text).width+2;    //后空2个像素
                         if ((x+textWidth)>right) break;
 
+                        if (IFrameSplitOperator.IsNumber(titleItem.LeftSpace)) x+=titleItem.LeftSpace*pixelRatio;
+
                         if (this.OverlayIndexType.BGColor)
                         {
                             this.Canvas.fillStyle=this.OverlayIndexType.BGColor;
@@ -80573,8 +80684,21 @@ function KLineChartContainer(uielement,OffscreenElement, cacheElement)
         x+=(rtClient.left+rtScroll.Left);
         y+=(rtClient.top+rtScroll.Top);
 
-        var date=data.Tooltip.Data.Date;
-        var symbol=data.Chart.Symbol;
+        var item=data.Tooltip.Data;
+        var date=item.Date;
+        var symbol=null;
+
+        if (data.Tooltip.ChartPaint && data.Tooltip.ChartPaint.Name=="DRAWKLINE")
+        {
+            if (item.Symbol) symbol=item.Symbol;
+            else if (data.Tooltip.Symbol) symbol=data.Tooltip.Symbol;
+        }
+        else
+        {
+            symbol=data.Chart.Symbol;
+        }
+
+        if (!symbol) return;
 
         this.PopMinuteChart.Show({ Date:date, Symbol:symbol, Data:data.Tooltip.Data }, x/pixelRatio,y/pixelRatio);
     }
@@ -88139,6 +88263,9 @@ function MinuteChartContainer(uielement,offscreenElement,cacheElement)
         }
         else if ((bRButtonSelectRect || bLButtonSelectRect) && !this.BorderDrag && this.GetSelectRectData(selectData))
         {
+            this.FinishSelectRect(selectData, e);
+
+            /*
             var event=this.GetEventCallback(JSCHART_EVENT_ID.ON_SELECT_RECT);
             var paint=this.GetRectSelectPaint();
             var isShowDialog=true;  //是否显示内置区间选择框
@@ -88176,6 +88303,7 @@ function MinuteChartContainer(uielement,offscreenElement,cacheElement)
                 this.HideSelectRect();
                 this.UpdateSelectRect(selectData.Start,selectData.End);
             }
+            */
         }
         else
         {
@@ -125552,6 +125680,12 @@ function OverlayScriptIndex(name,script,args,option)
             {
                 this.CreateLine(hqChart,windowIndex,item,i, item.Type);
             }
+            else if (item.Type==10)
+            {
+                this.CreateTitle(hqChart,windowIndex,item,i);
+            }
+
+            
 
             var titleData=titleInfo.Data[i];
             if (titleData)
@@ -126119,6 +126253,7 @@ function OverlayScriptIndex(name,script,args,option)
         chart.Name=varItem.Name;
         chart.ChartBorder=frame.Frame.ChartBorder;
         chart.ChartFrame=frame.Frame;
+        chart.Identify=overlayIndex.Identify;
         if (varItem.Draw && varItem.Draw.DrawData)
         {
             var drawData=varItem.Draw.DrawData;
@@ -126130,6 +126265,32 @@ function OverlayScriptIndex(name,script,args,option)
         frame.ChartPaint.push(chart);
     }
 
+    this.CreateTitle=function(hqChart,windowIndex,varItem,id)
+    {
+        var overlayIndex=this.OverlayIndex;
+        var frame=overlayIndex.Frame;
+        let chart=new ChartIndexTitle();
+        chart.Canvas=hqChart.Canvas;
+
+        chart.Name=varItem.Name;
+        chart.ChartBorder=frame.Frame.ChartBorder;
+        chart.ChartFrame=frame.Frame;
+        chart.Identify=overlayIndex.Identify;
+        
+        if (varItem.Color) chart.Color=this.GetColor(varItem.Color);
+        else chart.Color=this.GetDefaultColor(id);
+        chart.Data.Data=varItem.Data;
+
+        var titleIndex=windowIndex+1;
+        var titlePaint=hqChart.TitlePaint[titleIndex];
+        var titleData=new DynamicTitleData(chart.Data,chart.Name,chart.Color);
+        titleData.DataType="ChartIndexTitle";
+        titlePaint.OverlayIndex.get(overlayIndex.Identify).Data[id]=titleData;
+        
+        this.SetChartIndexName(chart);
+        frame.ChartPaint.push(chart);
+    }
+
     this.CreateStackedBar=function(hqChart,windowIndex,varItem,id)
     {
         var overlayIndex=this.OverlayIndex;
@@ -154077,7 +154238,7 @@ function HQChartScriptWorker()
 
 
 
-var HQCHART_VERSION="1.1.14497";
+var HQCHART_VERSION="1.1.14505";
 
 function PrintHQChartVersion()
 {