hqchart 1.1.14313 → 1.1.14330

package/src/jscommon/umychart.js

@@ -31929,6 +31929,313 @@ function ChartSimplePie()
     }
 }
 
+
+//雷达图
+function ChartSimpleRadar()
+{
+    this.newMethod=IChartPainting;   //派生
+    this.newMethod();
+    delete this.newMethod;
+
+    this.ClassName='ChartSimpleRadar';    //类名
+    
+    this.AreaColor='rgba(242,154,118,0.4)';    //
+    this.AreaLineColor='rgb(242,154,118)';
+    
+    this.TitleColor=g_JSChartResource.ChartSimpleRadar.TextColor;
+    this.TextFontConfig=CloneData(g_JSChartResource.ChartSimpleRadar.TextFont);
+    this.Offset=CloneData(g_JSChartResource.ChartSimpleRadar.Offset);
+    this.BorderColor=g_JSChartResource.ChartSimpleRadar.BorderColor;
+    this.AryBGColor=g_JSChartResource.ChartSimpleRadar.AryBGColor.slice();//背景色
+    this.AryAreaConfig=g_JSChartResource.ChartSimpleRadar.AryArea.slice();  //面积图颜色
+
+    this.StartAngle=270;
+    this.Radius=50;
+    this.AryBorder=[1, 0.75, 0.5, 0.25];
+    this.AryIndex;      //指标{ Name:, Max:100, Min:0 },
+
+    this.CenterPoint={};
+    this.RectClient={ };
+    this.AryIndexCache=[];
+    this.MapDataCache=new Map(); //key=name  value={ Data:[] }
+    this.TextFont;
+
+
+    this.ReloadResource=function(resource)
+    {
+        this.TitleColor=g_JSChartResource.ChartSimpleRadar.TextColor;
+        this.TextFontConfig=CloneData(g_JSChartResource.ChartSimpleRadar.TextFont);
+        this.Offset=CloneData(g_JSChartResource.ChartSimpleRadar.Offset);
+        this.BorderColor=g_JSChartResource.ChartSimpleRadar.BorderColor;
+        this.AryBGColor=g_JSChartResource.ChartSimpleRadar.AryBGColor.slice();//背景色
+        this.AryAreaConfig=g_JSChartResource.ChartSimpleRadar.AryArea.slice();  //面积图颜色
+    }
+
+    this.DrawBorder=function()  //画边框
+    {
+        this.Canvas.strokeStyle = this.BorderColor;
+        this.Canvas.font=this.TextFont;
+        for(var i=0;i<this.AryBorder.length;++i)
+        {
+            var rate = this.AryBorder[i];
+            var radius=this.RectClient.Radius*rate;
+            var bFirstDraw=true;
+            for(var j=0;j<this.AryIndexCache.length;++j)
+            {
+                var item=this.AryIndexCache[j];
+                var x = this.CenterPoint.X + radius * Math.cos(item.Angle * Math.PI / 180);
+                var y = this.CenterPoint.Y + radius * Math.sin(item.Angle * Math.PI / 180);
+                if (bFirstDraw)
+                {
+                    this.Canvas.beginPath();
+                    this.Canvas.moveTo(x,y);
+                    bFirstDraw=false;
+                }
+                else
+                {
+                    this.Canvas.lineTo(x,y);
+                }
+            }
+
+            this.Canvas.closePath();
+            this.Canvas.stroke();
+
+            if (IFrameSplitOperator.IsNonEmptyArray(this.AryBGColor))
+            {
+                this.Canvas.fillStyle = this.AryBGColor[i%this.AryBGColor.length];
+                this.Canvas.fill();
+            }
+        }
+
+        this.Canvas.beginPath();
+        for(var i=0;i<this.AryIndexCache.length;++i)
+        {
+            var item=this.AryIndexCache[i];
+            var x = this.CenterPoint.X + item.Radius * Math.cos(item.Angle * Math.PI / 180);
+            var y = this.CenterPoint.Y + item.Radius * Math.sin(item.Angle * Math.PI / 180);
+            this.Canvas.moveTo(this.CenterPoint.X,this.CenterPoint.Y);
+            this.Canvas.lineTo(x,y);
+            this.DrawText(item, x, y);
+        }
+        this.Canvas.stroke();
+        
+    }
+
+    this.GetRadarRate=function(indexItem, value)
+    {
+        var range={ Max:100, Min:0 };
+        if (IFrameSplitOperator.IsNumber(indexItem.Max)) range.Max=indexItem.Max;
+        if (IFrameSplitOperator.IsNumber(indexItem.Min)) range.Min=indexItem.Min;
+
+        if (value>range.Max) value=range.Max;
+        else if (value<range.Min) value=range.Min;
+
+        return (value-range.Min)/(range.Max-range.Min);
+    }
+
+    this.DrawArea=function()
+    {
+        if (this.MapDataCache.size<=0) return;
+
+        var index=0;
+        for(var mapItem of this.MapDataCache)
+        {
+            var mapData=mapItem[1].MapData;
+            
+            var bFirstDraw=true;
+            var pointCount=0;
+            for(var i=0;i<this.AryIndexCache.length;++i)
+            {
+                var indexItem=this.AryIndexCache[i];
+                if (!indexItem.Data || !indexItem.Data.Name) continue;
+                if (!mapData.has(indexItem.Data.Name)) continue;
+                var item=mapData.get(indexItem.Data.Name);
+                if (!item.Data && !IFrameSplitOperator.IsNumber(item.Data.Value)) conintue;
+
+                var widthRate=this.GetRadarRate(indexItem, item.Data.Value);
+                var x = this.CenterPoint.X+indexItem.Radius*widthRate*Math.cos(indexItem.Angle * Math.PI / 180);
+                var y = this.CenterPoint.Y+indexItem.Radius*widthRate*Math.sin(indexItem.Angle * Math.PI / 180);
+
+                if (bFirstDraw)
+                {
+                    this.Canvas.beginPath();
+                    this.Canvas.moveTo(x,y);
+                    bFirstDraw=false;
+                    ++pointCount;
+                }
+                else
+                {
+                    this.Canvas.lineTo(x,y);
+                    ++pointCount;
+                }
+            }
+
+            if (pointCount>0)
+            {
+                this.Canvas.closePath();
+
+                var config=this.AryAreaConfig[index%this.AryAreaConfig.length];
+                if (config.Color)
+                {
+                    this.Canvas.fillStyle = config.Color;
+                    this.Canvas.fill();
+                }
+                   
+                if (config.LineColor)
+                {
+                    this.Canvas.strokeStyle = config.LineColor;
+                    this.Canvas.stroke();
+                }
+            }
+
+            ++index;
+        }
+    }
+
+    this.DrawText=function(item, x, y)
+    {
+        if (!item.Data || !item.Data.Name) return;
+          
+        //JSConsole.Chart.Log(item.Text, item.Angle);
+        this.Canvas.fillStyle = this.TitleColor;
+        var xText = x, yText =y;
+
+        var angle=item.Angle%360;
+
+        //显示每个角度的位置
+        if (angle > 0 && angle < 45) {
+            this.Canvas.textAlign = 'left';
+            this.Canvas.textBaseline = 'middle';
+            xText += 2;
+        }
+        else if (angle >= 45 && angle < 90) {
+            this.Canvas.textAlign = 'left';
+            this.Canvas.textBaseline = 'top';
+            xText += 2;
+        }
+        else if (angle==90)
+        {
+            this.Canvas.textAlign = 'center';
+            this.Canvas.textBaseline = 'top';
+            yText+=2;
+        }
+        else if (angle >= 90 && angle < 135) {
+            this.Canvas.textAlign = 'right';
+            this.Canvas.textBaseline = 'top';
+            xText -= 2;
+        }
+        else if (angle >= 135 && angle < 180) {
+            this.Canvas.textAlign = 'right';
+            this.Canvas.textBaseline = 'top';
+            xText -= 2;
+        }
+        else if (angle >= 180 && angle < 225) {
+            this.Canvas.textAlign = 'right';
+            this.Canvas.textBaseline = 'middle';
+            xText -= 2;
+        }
+        else if (angle >= 225 && angle <= 270) {
+            this.Canvas.textAlign = 'center';
+            this.Canvas.textBaseline = 'bottom';
+        }
+        else if (angle > 270 && angle < 315) {
+            this.Canvas.textAlign = 'left';
+            this.Canvas.textBaseline = 'bottom';
+            xText += 2;
+        }
+        else 
+        {
+            this.Canvas.textAlign = 'left';
+            this.Canvas.textBaseline = 'middle';
+            xText += 2;
+        }
+
+        this.Canvas.fillText(item.Data.Name, xText, yText);
+    }
+
+    this.Draw=function()
+    {
+        this.AryIndexCache=[];
+        this.MapData=new Map();
+        if (!IFrameSplitOperator.IsNonEmptyArray(this.AryIndex)) return;
+
+        this.CalculateSize();
+
+        this.DrawBorder();
+
+        this.DrawArea();
+    }
+
+    this.BuildCacheData=function()
+    {
+        this.MapDataCache=new Map();
+
+        for(var i=0;i<this.Data.Data.length;++i)
+        {
+            var item=this.Data.Data[i];
+            if (!this.MapDataCache.has(item.Group))
+            {
+                this.MapDataCache.set(item.Group, { MapData:new Map() })
+            }
+           
+            var mpaItem=this.MapDataCache.get(item.Group);
+            mpaItem.MapData.set(item.Name, { Data:item });
+        }
+    }
+
+    this.CalculateSize=function(data)
+    {
+        var border=this.ChartBorder.GetBorder();
+        var pixelRatio=GetDevicePixelRatio();
+        this.TextFont=`${this.TextFontConfig.Size*pixelRatio}px ${ this.TextFontConfig.Name}`;
+        var fontHeight=this.GetFontHeight(this.TextFont,"擎")+1;
+
+        var maxTextWidth=0;
+        if (IFrameSplitOperator.IsNonEmptyArray(this.AryIndex))
+        {
+            for(var i=0;i<this.AryIndex.length;++i)
+            {
+                var item=this.AryIndex[i];
+                if (!item.Name) continue;
+                var textWidth=this.Canvas.measureText(item.Name).width;
+                if (maxTextWidth<textWidth)  maxTextWidth=textWidth;
+            }
+        }
+        
+        var radius=this.Radius*2*pixelRatio;  //半径     
+        this.RectClient={ Width:radius*2, Height:radius*2, Radius:radius };
+        this.RectClient.Right=border.Right+this.Offset.X-maxTextWidth;
+        this.RectClient.Top=border.TopEx+this.Offset.Y+fontHeight;
+        this.RectClient.Left=this.RectClient.Right-this.RectClient.Width;
+        this.RectClient.Bottom=this.RectClient.Top+this.RectClient.Height;
+
+        var ptCenter={X:this.RectClient.Left+this.RectClient.Width/2, Y:this.RectClient.Top+this.RectClient.Height/2};  //中心点
+       
+        var count=Math.max(5,this.AryIndex.length);
+        var averageAngle=360/count;
+        for(var i=0;i<count;++i)
+        {
+            var angle=i*averageAngle+this.StartAngle;
+
+            var indexItem={ Data:null, Index:i, Angle:angle, Radius:radius };
+            if (this.AryIndex && this.AryIndex[i])
+            {
+                indexItem.Data=this.AryIndex[i];
+            }
+
+            this.AryIndexCache.push(indexItem);
+        }
+
+        this.CenterPoint=ptCenter;
+    }
+
+    //空数据
+    this.DrawEmptyData=function()
+    {
+        JSConsole.Chart.Log('[ChartSimpleRadar::DrawEmptyData]')
+    }
+}
+
 //分钟成交量 支持横屏
 function ChartMinuteVolumBar()
 {
@@ -52556,6 +52863,7 @@ function ChartCorssCursor()
     this.TextBGColor=g_JSChartResource.CorssCursorBGColor;      //文本背景色
     this.BorderColor=g_JSChartResource.CorssCursorBorderColor;  //边框颜色
     this.XRangeBGColor=g_JSChartResource.CorssCursorXRangeBGColor;
+    this.LineDash=g_JSChartResource.CorssCursorLineDash.slice();    //虚线
     this.TextHeight=20;                                         //文本字体高度
     this.LastPoint;
     this.LastValue; //{ Y:{ Value:, Extend: } }
@@ -52611,6 +52919,7 @@ function ChartCorssCursor()
         this.TextBGColor=g_JSChartResource.CorssCursorBGColor;      //文本背景色
         this.BorderColor=g_JSChartResource.CorssCursorBorderColor;  //边框颜色
         this.XRangeBGColor=g_JSChartResource.CorssCursorXRangeBGColor;
+        this.LineDash=g_JSChartResource.CorssCursorLineDash.slice();    //虚线
     }
 
     this.GetCloseYPoint=function(index)
@@ -52869,10 +53178,10 @@ function ChartCorssCursor()
             }
 
             var pixel=GetDevicePixelRatio();
-            if (this.HPenType==1 || this.HPenType==0)   //0=实线 1=虚线
+            if (this.HPenType==1 || this.HPenType==0)   //0=虚线 1=实线
             {
                 this.Canvas.strokeStyle=this.HPenColor;
-                if (this.HPenType==0) this.Canvas.setLineDash([3*pixel,2*pixel]);   //虚线
+                if (this.HPenType==0) this.Canvas.setLineDash(this.LineDash);   //虚线
                 //this.Canvas.lineWidth=0.5
                 this.Canvas.beginPath();
                 this.Canvas.moveTo(left,ToFixedPoint(y));
@@ -52885,7 +53194,7 @@ function ChartCorssCursor()
             this.Canvas.strokeStyle=this.VPenColor;
             if (this.VPenType==0) 
             {
-                this.Canvas.setLineDash([3*pixel,2*pixel]);   //虚线
+                this.Canvas.setLineDash(this.LineDash);   //虚线
             }
             else if (this.VPenType==2) 
             {
@@ -53480,7 +53789,7 @@ function ChartCorssCursor()
             var pixel=GetDevicePixelRatio();
             this.Canvas.save();
             this.Canvas.strokeStyle=this.HPenColor;
-            if (this.HPenType==0) this.Canvas.setLineDash([3*pixel,2*pixel]);   //虚线
+            if (this.HPenType==0) this.Canvas.setLineDash(this.LineDash);   //虚线
 
             //画竖线
             this.Canvas.beginPath();
@@ -53494,7 +53803,7 @@ function ChartCorssCursor()
             this.Canvas.strokeStyle=this.VPenColor;
             if (this.VPenType==0) 
             {
-                this.Canvas.setLineDash([3*pixel,2*pixel]);   //虚线
+                this.Canvas.setLineDash(this.LineDash);   //虚线
             }
             else if (this.VPenType==2) 
             {
@@ -56770,7 +57079,12 @@ function DynamicChartTitlePainting()
     {
         this.Font=g_JSChartResource.TitleFont;
         this.TitleColor=g_JSChartResource.DefaultTextColor;
+        this.SelectedColor=g_JSChartResource.IndexTitleSelectedColor;
         this.OverlayIndexType.BGColor=g_JSChartResource.OverlayIndexTitleBGColor;
+
+        this.BGColor=g_JSChartResource.IndexTitleBGColor;
+        this.BGBorderColor=g_JSChartResource.IndexTitleBorderColor;
+        this.BGBorderMoveOnColor=g_JSChartResource.IndexTitleBorderMoveOnColor;
     }
 
     this.SetDynamicTitleData=function(outName, args, data)
@@ -70444,6 +70758,7 @@ function JSChartResource()
     this.CorssCursorHPenColor="rgb(130,130,130)";          //十字光标线段颜色(水平)
     this.CorssCursorVPenColor="rgb(130,130,130)";          //十字光标线段颜色(垂直)
     this.CorssCursorXRangeBGColor="rgba(100,149,237,0.3)";  //十字光标X轴访问背景色
+    this.CorssCursorLineDash=[3*GetDevicePixelRatio(),2*GetDevicePixelRatio()];            //十字光标虚线
 
     this.CorssCursor=
     { 
@@ -70814,6 +71129,20 @@ function JSChartResource()
         Offset:{ X:-5, Y:5 }
     }
 
+    this.ChartSimpleRadar=
+    {
+        TextFont:{ Family:'微软雅黑' , Size:12 },
+        BorderColor:"rgb(169,169,169)",
+        Offset:{ X:-5, Y:5 },
+        TextColor:"rgb(105,105,105)",
+        AryBGColor:['rgba(255,255,255,0.9)', 'rgba(230, 234, 242,0.9)'],
+        AryArea:
+        [ 
+            { Color:"rgba(242,154,118,0.4)", LineColor:"rgb(242,154,118)"}, 
+            { Color:"rgba(121,197,228,0.4)", LineColor:"rgb(92,165,196)"}, 
+        ],
+    }
+
     //手机端tooltip
     this.TooltipPaint = {
         BGColor:'rgba(250,250,250,0.8)',    //背景色
@@ -71864,6 +72193,7 @@ function JSChartResource()
         if (style.CorssCursorHPenColor) this.CorssCursorHPenColor = style.CorssCursorHPenColor;
         if (style.CorssCursorBorderColor) this.CorssCursorBorderColor=style.CorssCursorBorderColor;
         if (style.CorssCursorXRangeBGColor) this.CorssCursorXRangeBGColor=style.CorssCursorXRangeBGColor;
+        if (style.CorssCursorLineDash) this.CorssCursorLineDash=style.CorssCursorLineDash.slice();
         if (style.CorssCursor && style.CorssCursor.RightButton)
         {
             var item=style.CorssCursor.RightButton;
@@ -72044,6 +72374,7 @@ function JSChartResource()
 
         if (style.ChartSimpleTable) this.SetChartSimpleTable(style.ChartSimpleTable);
         if (style.ChartSimplePie) this.SetChartSimplePie(style.ChartSimplePie);
+        if (style.ChartSimpleRadar) this.SetChartSimpleRadar(style.ChartSimpleRadar);
         
         if (style.DRAWICON) 
         {
@@ -73137,6 +73468,30 @@ function JSChartResource()
         }
     }
 
+    this.SetChartSimpleRadar=function(style)
+    {
+        var dest=this.ChartSimpleRadar;
+        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.BorderColor) dest.BorderColor=style.BorderColor;
+        if (style.TextColor) dest.TextColor=style.TextColor;
+
+        if (style.Offset)
+        {
+            var item=style.Offset;
+            if (IFrameSplitOperator.IsNumber(item.X)) dest.Offset.X=item.X;
+            if (IFrameSplitOperator.IsNumber(item.Y)) dest.Offset.Y=item.Y;
+        }
+
+        if (IFrameSplitOperator.IsNonEmptyArray(style.AryBGColor)) dest.AryBGColor=style.AryBGColor.slice();
+        if (IFrameSplitOperator.IsNonEmptyArray(style.AryArea)) dest.AryArea=style.AryArea.slice();
+    }
+
 }
 
 var g_JSChartResource=new JSChartResource();
@@ -85903,12 +86258,12 @@ function MinuteChartContainer(uielement,offscreenElement,cacheElement)
         this.CaclutateCallCationYRange();
     }
 
+    //增量更新
     this.RecvUpdateMinuteData=function(data)
     {
         var minuteData=MinuteChartContainer.JsonDataToUpdateMinuteData(data);
         var aryColorData=MinuteChartContainer.JsonDataToMinuteLineColorData(data);
-        this.BeforeOpenData=null;
-        this.AfterCloseData=null;
+        
         var beforeOpenData=MinuteChartContainer.JsonDataToBeforeOpenData(data);
         var afterCloseData=MinuteChartContainer.JsonDataToAfterCloseData(data);
         var updateTime=MinuteChartContainer.JsonDataToMinuteLastUpdateTime(data);   //数据最后的更新时间
@@ -85927,92 +86282,22 @@ function MinuteChartContainer(uielement,offscreenElement,cacheElement)
             return;
         }
 
-        //原始数据
+        if (this.IsBeforeData && beforeOpenData) this.BeforeOpenData=beforeOpenData;
+        if (this.IsAfterData && afterCloseData) this.AfterCloseData=afterCloseData;
 
+        //原始数据
         this.UpdateLatestMinuteDataV2(minuteData);
-        var sourceData=this.SourceData;
-        var aryMinuteData=this.SourceData.Data;
-        this.ColorLineData=aryColorData;
-        this.TradeDate=data.stock[0].date;
-        this.Frame.SetDayCount(1);  //单日数据
-        this.SourceData.UpdateTime=updateTime;
-        this.Symbol=minuteData.Symbol;
-        this.Name=minuteData.Name;
+        this.UpdateMinuteUI(data.stock[0], {FunctionName:"RecvUpdateMinuteData"});
 
-        this.SetCallCationDataBorder( { Left:this.IsBeforeData, Right:this.IsAfterData , MultiDay:{ Left:false, Right:false }} );
-
-        if (this.ShareAfterVol==2)  //盘前， 盘后成交量公用坐标
-        {
-            if (this.BeforeOpenData && this.AfterCloseData)
-            {
-                var max=Math.max(this.BeforeOpenData.VolMax, this.AfterCloseData.VolMax);
-                var min=Math.min(this.BeforeOpenData.VolMin, this.AfterCloseData.VolMin);
-                this.BeforeOpenData.VolMax=this.AfterCloseData.VolMax=max;
-                this.BeforeOpenData.VolMin=this.AfterCloseData.VolMin=min;
-            }
-        }
-
-        var yClose=minuteData.YClose;
-        var upperSymbol=this.Symbol.toUpperCase();
-        var isFutures=MARKET_SUFFIX_NAME.IsFutures(upperSymbol);
-        if (minuteData.YClearing>0 && isFutures) yClose=minuteData.YClearing; //期货使用前结算价
-        this.CaclutateLimitPrice(yClose, minuteData.LimitPrice); //计算涨停价格
-        var extendData=null;
-        if (minuteData.High>0 && minuteData.Low>0) extendData={ High:minuteData.High, Low:minuteData.Low };
-        this.BindMainData(sourceData,yClose, extendData);
-
-        if (this.Frame.SubFrame.length>2)
+        if (data.AutoUpdate===false)    //不执行自动更新
         {
-            var bindData=new ChartData();
-            bindData.Data=aryMinuteData;
-            for(var i=2; i<this.Frame.SubFrame.length; ++i)
-            {
-                this.BindIndexData(i,bindData);
-            }
-        }
 
-        for(let i=0; i<this.Frame.SubFrame.length; ++i)
+        }   
+        else
         {
-            var item=this.Frame.SubFrame[i];
-            item.Frame.XSplitOperator.Symbol=this.Symbol;
-            item.Frame.XSplitOperator.DayCount=1;
-            item.Frame.XSplitOperator.Operator();   //调整X轴个数
-            item.Frame.YSplitOperator.Symbol=this.Symbol;
-
-            if (IFrameSplitOperator.IsNonEmptyArray(item.OverlayIndex))
-            {
-                for(var j=0;j<item.OverlayIndex.length; ++j) //子坐标X轴个数同步
-                {
-                    var overlayItem=item.OverlayIndex[j];
-                    overlayItem.Frame.XPointCount=item.Frame.XPointCount;
-                    overlayItem.Frame.MinuteCount=item.Frame.MinuteCount;
-                }
-            }
+            this.AutoUpdateEvent(true, "MinuteChartContainer::RecvUpdateMinuteData");
+            this.AutoUpdate();
         }
-
-        this.ChartCorssCursor.StringFormatY.Symbol=this.Symbol;
-        this.ChartCorssCursor.StringFormatX.Symbol=this.Symbol;
-
-        if (MARKET_SUFFIX_NAME.IsSHSZ(upperSymbol)) this.TitlePaint[0].IsShowDate=false;
-
-        if (data.stock[0].IsHistoryMinute==true) this.TitlePaint[0].IsShowDate=true;
-
-        var chartInfo=this.GetChartMinuteInfo();
-        if (chartInfo) chartInfo.SourceData=this.SourceData;    //数据绑定到信息地雷上
-
-        this.RecvMinuteDataEvent( {FunctionName:"RecvUpdateMinuteData"} );
-        this.RequestMinuteInfoData();
-        this.RequestOverlayMinuteData();//请求叠加数据 (主数据下载完再下载)
-        this.CreateChartDrawPictureByStorage(); //创建画图工具
-
-        this.UpdateFrameMaxMin();          //调整坐标最大 最小值
-        this.Frame.SetSizeChage(true);
-        this.Draw();
-
-        this.BindAllOverlayIndexData(this.SourceData);
-        
-        this.AutoUpdateEvent(true, "MinuteChartContainer::RecvUpdateMinuteData");
-        this.AutoUpdate();
     }
 
     this.RecvMinuteData=function(data)
@@ -86079,15 +86364,31 @@ function MinuteChartContainer(uielement,offscreenElement,cacheElement)
         var sourceData=new ChartData();
         sourceData.Data=aryMinuteData;
         sourceData.UpdateTime=updateTime;
+        this.SourceData=sourceData;
 
         this.ColorLineData=aryColorData;
 
-        this.TradeDate=data.stock[0].date;
+        this.UpdateMinuteUI(data.stock[0],  {FunctionName:"RecvMinuteData", Day:{ IsFirstData:bFirstData} });
+
+        if (data.AutoUpdate===false)    //不执行自动更新
+        {
+
+        }   
+        else
+        {
+            this.AutoUpdateEvent(true, "MinuteChartContainer::RecvMinuteData");
+            this.AutoUpdate();
+        }
+    }
+
+    //更新单日分时图
+    this.UpdateMinuteUI=function(stockData, eventData)
+    {
+        this.TradeDate=stockData.date;
         this.Frame.SetDayCount(1);  //单日数据
 
-        this.SourceData=sourceData;
-        this.Symbol=data.stock[0].symbol;
-        this.Name=data.stock[0].name;
+        this.Symbol=stockData.symbol;
+        this.Name=stockData.name;
 
         this.SetCallCationDataBorder( { Left:this.IsBeforeData, Right:this.IsAfterData , MultiDay:{ Left:false, Right:false }} );
 
@@ -86102,26 +86403,26 @@ function MinuteChartContainer(uielement,offscreenElement,cacheElement)
             }
         }
 
-        var yClose=data.stock[0].yclose;
+        var yClose=stockData.yclose;
         var upperSymbol=this.Symbol.toUpperCase();
         var isFutures=MARKET_SUFFIX_NAME.IsFutures(upperSymbol);
-        if (data.stock[0].yclearing>0 && isFutures) yClose=data.stock[0].yclearing; //期货使用前结算价
-        this.CaclutateLimitPrice(yClose, data.stock[0].limitprice); //计算涨停价格
+        if (stockData.yclearing>0 && isFutures) yClose=stockData.yclearing; //期货使用前结算价
+        this.CaclutateLimitPrice(yClose, stockData.limitprice); //计算涨停价格
         var extendData=null;
-        if (data.stock[0].high>0 && data.stock[0].low>0) extendData={ High:data.stock[0].high, Low:data.stock[0].low };
-        this.BindMainData(sourceData,yClose, extendData);
+        if (stockData.high>0 && stockData.low>0) extendData={ High:stockData.high, Low:stockData.low };
+        this.BindMainData(this.SourceData,yClose, extendData);
 
         if (this.Frame.SubFrame.length>2)
         {
             var bindData=new ChartData();
-            bindData.Data=aryMinuteData;
+            bindData.Data=this.SourceData.Data;
             for(var i=2; i<this.Frame.SubFrame.length; ++i)
             {
                 this.BindIndexData(i,bindData);
             }
         }
 
-        for(let i in this.Frame.SubFrame)
+        for(var i=0, j=0; i<this.Frame.SubFrame.length; ++i)
         {
             var item=this.Frame.SubFrame[i];
             item.Frame.XSplitOperator.Symbol=this.Symbol;
@@ -86129,7 +86430,7 @@ function MinuteChartContainer(uielement,offscreenElement,cacheElement)
             item.Frame.XSplitOperator.Operator();   //调整X轴个数
             item.Frame.YSplitOperator.Symbol=this.Symbol;
 
-            for(var j in item.OverlayIndex) //子坐标X轴个数同步
+            for(j=0;j<item.OverlayIndex.length;++j) //子坐标X轴个数同步
             {
                 var overlayItem=item.OverlayIndex[j];
                 overlayItem.Frame.XPointCount=item.Frame.XPointCount;
@@ -86142,12 +86443,12 @@ function MinuteChartContainer(uielement,offscreenElement,cacheElement)
 
         if (MARKET_SUFFIX_NAME.IsSHSZ(upperSymbol)) this.TitlePaint[0].IsShowDate=false;
 
-        if (data.stock[0].IsHistoryMinute==true) this.TitlePaint[0].IsShowDate=true;
+        if (stockData.IsHistoryMinute==true) this.TitlePaint[0].IsShowDate=true;
 
         var chartInfo=this.GetChartMinuteInfo();
         if (chartInfo) chartInfo.SourceData=this.SourceData;    //数据绑定到信息地雷上
 
-        this.RecvMinuteDataEvent( {FunctionName:"RecvMinuteData", Day:{ IsFirstData:bFirstData} } );
+        if (eventData) this.RecvMinuteDataEvent( eventData );
         this.RequestMinuteInfoData();
         this.RequestOverlayMinuteData();//请求叠加数据 (主数据下载完再下载)
         this.CreateChartDrawPictureByStorage(); //创建画图工具
@@ -86157,16 +86458,6 @@ function MinuteChartContainer(uielement,offscreenElement,cacheElement)
         this.Draw();
 
         this.BindAllOverlayIndexData(this.SourceData);
-        
-        if (data.AutoUpdate===false)    //不执行自动更新
-        {
-
-        }   
-        else
-        {
-            this.AutoUpdateEvent(true, "MinuteChartContainer::RecvMinuteData");
-            this.AutoUpdate();
-        }
     }
 
     this.CaclutateLimitPrice=function(yClose, limitData)