hqchart 1.1.14498 → 1.1.14506

package/src/jscommon/umychart.uniapp.h5/umychart.uniapp.h5.js

@@ -8171,6 +8171,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);
@@ -8192,6 +8196,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;
@@ -8252,7 +8288,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)
                 {
@@ -8263,18 +8298,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线上
@@ -8399,9 +8423,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;
@@ -8416,49 +8440,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
             {
@@ -8498,6 +8485,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();
@@ -28938,12 +29011,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)
             {
@@ -62088,7 +62161,7 @@ function DynamicChartTitlePainting()
         return aryText;
     }
 
-    this.FromatKLineTitle=function(item, dataInfo)
+    this.FormatKLineTitle=function(item, dataInfo)
     {
         var defaultfloatPrecision=GetfloatPrecision(dataInfo.Symbol);//价格小数位数
         var upperSymbol="";
@@ -62166,6 +62239,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;
@@ -62663,15 +62765,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)) //外部挂接
             {
@@ -63065,9 +63166,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);
@@ -63085,6 +63194,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;
@@ -80529,8 +80640,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);
     }
@@ -88095,6 +88219,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;  //是否显示内置区间选择框
@@ -88132,6 +88259,7 @@ function MinuteChartContainer(uielement,offscreenElement,cacheElement)
                 this.HideSelectRect();
                 this.UpdateSelectRect(selectData.Start,selectData.End);
             }
+            */
         }
         else
         {
@@ -125508,6 +125636,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)
@@ -126075,6 +126209,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;
@@ -126086,6 +126221,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;
@@ -144248,7 +144409,7 @@ function ScrollBarBGChart()
 
 
 
-var HQCHART_VERSION="1.1.14497";
+var HQCHART_VERSION="1.1.14505";
 
 function PrintHQChartVersion()
 {

package/src/jscommon/umychart.version.js

@@ -5,7 +5,7 @@
 
 
 
-var HQCHART_VERSION="1.1.14497";
+var HQCHART_VERSION="1.1.14505";
 
 function PrintHQChartVersion()
 {

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

@@ -57455,6 +57455,8 @@ HQData.Report_APIIndex=function(data, callback)
         HQData.APIIndex_CHANNEL_V2(data, callback);
     else if (request.Data.indexname=="API_DRAWKLINE")
         HQData.APIIndex_DRAWKLINE(data, callback);
+    else if (request.Data.indexname=="API_TITLE")
+        HQData.APIIndex_TITLE(data, callback);
 }
 
 
@@ -58165,7 +58167,7 @@ HQData.APIIndex_MULTI_BAR=function(data, callback)
         [
             //{Date:20190916, Time: Value:15.5, Value2:0 },
         ],
-        Width:10
+        //Width:10
     };
 
     var point2=
@@ -58178,19 +58180,22 @@ HQData.APIIndex_MULTI_BAR=function(data, callback)
         [
             //{Date:20190916, Time: Value:15.5, Value2:0 },
         ],
-        Width:10
+        //Width:10
     };
 
     for(var i=0;i<kData.Data.length;++i)
     {
         var item=kData.Data[i];
-        point.Point.push({Date:item.Date, Time:item.Time, Value:(item.High+item.Low)/2, Value2:item.High});
-        point2.Point.push({Date:item.Date, Time:item.Time, Value:(item.High+item.Low)/2, Value2:item.Low});
+        ///point.Point.push({Date:item.Date, Time:item.Time, Value:(item.High+item.Low)/2, Value2:item.High});
+        ///point2.Point.push({Date:item.Date, Time:item.Time, Value:(item.High+item.Low)/2, Value2:item.Low});
+
+        point.Point.push({Date:item.Date, Time:item.Time, Value:(item.High+item.Low)/2+HQData.GetRandomTestData(2,10), Value2:item.High});
+        point2.Point.push({Date:item.Date, Time:item.Time, Value:(item.High+item.Low)/2-HQData.GetRandomTestData(2,10), Value2:item.Low});
     }
 
 
 
-    //barData.Draw.DrawData.push(point);
+    barData.Draw.DrawData.push(point);
     barData.Draw.DrawData.push(point2);
 
     var apiData=
@@ -58372,9 +58377,6 @@ HQData.APIIndex_DRAWKLINE=function(data, callback)
         IsShowTitle:true,
     };
 
-
-    var textData={ name:"", type:10, color:"rgb(148,0,211)", data:[], isshow:false };    //名字
-
     var aryDate=[];
     var aryTime=[];
     for(var i=100;i<kData.Data.length-100;++i)
@@ -58396,15 +58398,13 @@ HQData.APIIndex_DRAWKLINE=function(data, callback)
 
         aryDate.push(kItem.Date);
         aryTime.push(kItem.Time);
-
-        textData.data.push(kItem.YClose.toFixed(2));
     }
 
     var apiData=
     {
         code:0, 
         stock:{ name:hqchart.Name, symbol:hqchart.Symbol }, 
-        outdata: { date:aryDate, time:aryTime, outvar:[textData, klineData] } 
+        outdata: { date:aryDate, time:aryTime, outvar:[ klineData] } 
     };
 
     console.log('[HQData.APIIndex_DRAWKLINE] apiData ', apiData);
@@ -58412,6 +58412,48 @@ HQData.APIIndex_DRAWKLINE=function(data, callback)
 }
 
 
+HQData.APIIndex_TITLE=function(data, callback)
+{
+    data.PreventDefault=true;
+    var hqchart=data.HQChart;
+    var kData=hqchart.GetKData();
+
+    var textData={ name:"标题", type:10, color:"rgb(0,128,128)", data:[], };    //名字
+    var closeData={ name:"收盘价", type:0, color:"rgb(255,165,0)", data:[] } ;    //
+
+    var aryDate=[];
+    var aryTime=[];
+    for(var i=0;i<kData.Data.length-30;++i)
+    {
+        var kItem=kData.Data[i];
+        
+        closeData.data.push(kItem.Close);
+
+        textData.data.push(
+            [
+                { Name:`收`, Text:`${kItem.Close.toFixed(2)}`, Color:"rgb(200,10,10)",},
+                { Name:`开`, Text:`${kItem.Open.toFixed(2)}`, Color:"rgb(0,200,10)", LeftSpace:2 }
+            ]);
+
+        //textData.data.push(`价格:${kItem.Close.toFixed(2)}`);
+
+        aryDate.push(kItem.Date);
+        aryTime.push(kItem.Time);
+    }
+
+
+    var apiData=
+    {
+        code:0, 
+        stock:{ name:hqchart.Name, symbol:hqchart.Symbol }, 
+        outdata: { date:aryDate, time:aryTime, outvar:[ textData, closeData] } 
+    };
+
+    console.log('[HQData.APIIndex_TITLE] apiData ', apiData);
+    callback(apiData);
+}
+
+
 
 
 /*暴露外部用的方法*/