hqchart 1.1.14853 → 1.1.14860

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

@@ -4927,6 +4927,17 @@ function JSChart(divElement, bOffscreen, bCacheCanvas)
         
         this.AdjustTitleHeight(chart);
 
+        if (option.LatestPointFlash)
+        {
+            var item=option.LatestPointFlash;
+            if (item.Enable)
+            {
+                this.CreateExtraCanvasElement(JSChart.LatestPointFlashKey, { ZIndex:6 });
+                chart.CreateExtendChart("LatestPointFlashPaint", item);
+                chart.StartLatestPointFlash();
+            }
+        }
+
         return chart;
     }
 
@@ -6944,6 +6955,8 @@ var JSCHART_EVENT_ID=
     ON_CLICK_CHART_CELL:171,                    //点击图形单元
 
     GET_DEFAULT_INDEX_PARAM:172,                //获取指标默认参数
+
+    ON_RELOAD_RESOURCE:173,
 }
 
 var JSCHART_OPERATOR_ID=
@@ -13636,6 +13649,13 @@ function JSChartContainer(uielement, OffscreenElement, cacheElement)
         this.ReloadChartCorssCursor(option,option.Resource);
         this.ReloadChartDrawPictureResource(option.Resource);
 
+        var event=this.GetEventCallback(JSCHART_EVENT_ID.ON_RELOAD_RESOURCE); //配色重新加载
+        if (event && event.Callback)
+        {
+            var sendData={ Option:option };
+            event.Callback(event, sendData, this);
+        }
+
         if (option.Update && this.Update) this.Update( {UpdateCursorIndexType:2} );       //是否立即更新并重绘
         else if (option.Draw==true || option.Redraw==true) this.Draw(); //是否立即重绘
 
@@ -31383,6 +31403,8 @@ function ChartKLine()
         LeftMargin:g_JSChartResource.DaySummaryKLine.LeftMargin,
     }
 
+    this.LastPoint={ };  //最后一个点的信息 {X, Y, KItem:, Date:, Time: }
+
     this.AddToDaySummary=function(kItem)
     {
         if (!this.DaySummary.Enable) return false;
@@ -31886,6 +31908,8 @@ function ChartKLine()
             if (i==this.Data.Data.length-1)
             {
                 ptLast={ X:x, Y:yClose, XLeft:left, XRight:right, KItem:data, ChartRight:chartright };
+
+                this.LastPoint={ X:x, Y:yClose, KItem:data };
             }
 
             if (this.PriceGap.Enable )
@@ -32019,6 +32043,11 @@ function ChartKLine()
 
             prePoint={ X:x, Y:yClose};
 
+            if (i==this.Data.Data.length-1) //最后一个点
+            {
+                this.LastPoint={ X:x, Y:yClose, KItem:data };
+            }
+
             if (this.PriceGap.Enable)
             {
                 var yLow=this.GetYFromData(data.Low, false);
@@ -33982,8 +34011,29 @@ function ChartKLine()
         this.Canvas.clip();
     }
 
+    this.ClearLastPoint=function()
+    {
+        this.LastPoint={ };
+        if (this.ChartFrame.GlobalOption)
+        {
+            var item=this.ChartFrame.GlobalOption;
+            item.LatestPoint=null;
+        }
+    }
+
+    this.UpdateGlobalLatestPoint=function()
+    {
+        if (this.Identify!="Main-KLine") return;
+        if (!this.ChartFrame.GlobalOption) return;
+
+        var item=this.ChartFrame.GlobalOption;
+        if (IFrameSplitOperator.IsNumber(this.LastPoint.X) && IFrameSplitOperator.IsNumber(this.LastPoint.Y))
+            item.LatestPoint={ X:this.LastPoint.X, Y:this.LastPoint.Y };
+    }
+
     this.Draw=function()
     {
+        this.ClearLastPoint();
         if (!this.IsShow || this.ChartFrame.IsMinSize || !this.IsVisible) return;
         if (this.IsShowIndexTitleOnly()) return;
         if (this.IsHideScriptIndex()) return;
@@ -34040,6 +34090,7 @@ function ChartKLine()
             this.Canvas.restore();
             this.DrawPredictionLine();
             if (this.PriceGap.Enable) this.DrawPriceGap();
+            this.UpdateGlobalLatestPoint();
             return;
         }
         else if (this.DrawType==2)
@@ -34111,6 +34162,8 @@ function ChartKLine()
 
         this.Canvas.restore();
 
+        this.UpdateGlobalLatestPoint();
+
         this.DrawPredictionLine();
         if (this.PriceGap.Enable) this.DrawPriceGap();
 
@@ -56214,6 +56267,7 @@ function LatestPointFlashPaint()
     this.BGColor=g_JSChartResource.LatestPointFlash.BGColor;
     this.BGRadius=g_JSChartResource.LatestPointFlash.BGRadius;
     this.DrawPriority=IExtendChartPainting.DRAW_PRIORITY_ID.LEVEL_25;
+    this.Style=1;   //0=默认配置 1=图形保持一致
     this.FlashCanvas;
 
     this.SetOption=function(option)
@@ -56238,6 +56292,23 @@ function LatestPointFlashPaint()
         this.BGRadius=g_JSChartResource.LatestPointFlash.BGRadius;
     }
 
+    this.GetChartColor=function()
+    {
+        var chart=this.HQChart.ChartPaint[0];
+        if (!chart) return;
+
+        if (chart.ClassName=="ChartKLine")
+        {
+            this.PointColor=chart.CloseLineColor;
+            this.BGColor=IChartDrawPicture.ColorToRGBA(chart.CloseLineColor, 0.6);
+        }
+        else if (chart.ClassName=="ChartMinutePriceLine")
+        {
+            this.PointColor=chart.Color;
+            this.BGColor=IChartDrawPicture.ColorToRGBA(chart.Color, 0.6);
+        }
+    }
+
     this.Draw=function()
     {
         if (!this.FlashCanvas) return;
@@ -56256,6 +56327,8 @@ function LatestPointFlashPaint()
         var point=this.HQChart.GlobalOption.LatestPoint;
         if (!IFrameSplitOperator.IsNumber(point.X) || !IFrameSplitOperator.IsNumber(point.Y)) return;
 
+        if (this.Style==1) this.GetChartColor();
+
         this.FlashCanvas.fillStyle=this.BGColor;
         this.FlashCanvas.beginPath();
         this.FlashCanvas.arc(point.X,point.Y,this.BGRadius,0,360,false);
@@ -79207,6 +79280,21 @@ function JSChartResource()
         {
             LineColor:"rgba(255,165,0,0.6)",
             LineWidth:2,
+        },
+
+        Title:
+        {
+            Font:`${12*GetDevicePixelRatio()}px 微软雅黑`,
+        },
+
+        CorssCursor:
+        {
+            Font:`${12*GetDevicePixelRatio()}px 微软雅黑`
+        },
+
+        Frame:
+        {
+            Font:`${12*GetDevicePixelRatio()}px 微软雅黑`,  //刻度坐标
         }
     }
 
@@ -80889,6 +80977,18 @@ function JSChartResource()
                 if (item.Mark.LineColor) dest.Mark.LineColor=item.Mark.LineColor;
                 if (IFrameSplitOperator.IsNumber(item.Mark.LineWidth)) dest.Mark.LineWidth=item.Mark.LineWidth;
             }
+            if (item.Title)
+            {
+                if (item.Title.Font) dest.Title.Font=item.Title.Font;
+            }
+            if (item.CorssCursor)
+            {
+                if (item.CorssCursor.Font) dest.CorssCursor.Font=item.CorssCursor.Font;
+            }
+            if (item.Frame)
+            {
+                if (item.Frame.Font) dest.Frame.Font=item.Frame.Font;
+            }
         }
 
         if (style.PopKLineChart)
@@ -86470,6 +86570,13 @@ function KLineChartContainer(uielement,OffscreenElement, cacheElement)
 
             if (!bFind) return;
         }
+
+        if (data.LatestPointFlash)  //最新数据闪烁
+        {
+            var item=data.LatestPointFlash;
+            if (IFrameSplitOperator.IsNumber(item.FlashCount))
+                this.SetLatestPointFlash(item.FlashCount)
+        }
         
         var bindData=new ChartData();
         bindData.Data=this.SourceData.Data;
@@ -127307,7 +127414,7 @@ var SCRIPT_CHART_NAME=
     CLIP_COLOR_STICK:"CLIP_COLOR_STICK",  //上下柱子 裁剪
 
     DRAW_KLINE:"DRAWKLINE",
-    BASELINE_BAR:"BASELINE_BAR"
+    BASELINE_BAR:"BASELINE_BAR",
 }
 
 
@@ -132266,6 +132373,16 @@ function APIScriptIndex(name,script,args,option, isOverlay)
 
                     result.push(outVarItem);
                 }
+                else if (draw.DrawType=="VERTLINE") //竖线
+                {
+                    drawItem.Text=draw.Text;
+                    drawItem.Name=draw.Name;
+                    drawItem.DrawType=draw.DrawType;
+                    drawItem.DrawData={ Data:this.FittingArray(draw.DrawData.Data,date,time,hqChart) };
+                    outVarItem.Draw=drawItem;
+
+                    result.push(outVarItem);
+                }
                 else if (draw.DrawType=='STICKLINE')    //柱子
                 {
                     drawItem.Name=draw.Name;
@@ -133867,7 +133984,7 @@ function GetBlackStyle()
         MultiDayBorderPen:"rgba(236,236,236,0.5)",
         FrameSplitPen: "rgba(236,236,236,0.13)",          //分割线
         FrameSplitTextColor: "rgb(220,220,220)",     //刻度文字颜色
-        FrameSplitTextFont: 12*GetDevicePixelRatio() +"px 微软雅黑",        //坐标刻度文字字体
+        FrameSplitTextFont: 14*GetDevicePixelRatio() +"px 微软雅黑",        //坐标刻度文字字体
         FrameTitleBGColor: "rgb(0,0,0)",      //标题栏背景色
         OverlayIndexTitleBGColor:'rgba(0,0,0,0.7)', //叠加指标背景色
     
@@ -133903,7 +134020,7 @@ function GetBlackStyle()
     
         CorssCursorBGColor: "rgb(43,54,69)",            //十字光标背景
         CorssCursorTextColor: "rgb(255,255,255)",
-        CorssCursorTextFont: 12*GetDevicePixelRatio() +"px 微软雅黑",
+        CorssCursorTextFont: 14*GetDevicePixelRatio() +"px 微软雅黑",
         CorssCursorHPenColor: "rgb(130,130,130)",           //十字光标线段颜色
         CorssCursorVPenColor: "rgb(130,130,130)",           //十字光标线段颜色
     
@@ -155127,6 +155244,10 @@ function JSPopMinuteChart()
     this.BGColor=g_JSChartResource.PopMinuteChart.BGColor;
     this.BorderColor=g_JSChartResource.PopMinuteChart.BorderColor;
 
+    this.TitleFont=g_JSChartResource.PopMinuteChart.Title.Font;                 //指标标题字体
+    this.CorssCursorFont=g_JSChartResource.PopMinuteChart.CorssCursor.Font;     //十字光标
+    this.FrameSplitTextFont=g_JSChartResource.PopMinuteChart.Frame.Font;        //刻度文字
+
     this.Minute=
     {
         Option:JSPopMinuteChart.GetMinuteOption(),
@@ -155208,13 +155329,31 @@ function JSPopMinuteChart()
             callback:(event, data, obj)=>{ this.OnKeyDown(event, data, obj); }
         };
 
+        var reloadResourceEvent=
+        {
+            event:JSCHART_EVENT_ID.ON_RELOAD_RESOURCE,
+            callback:(event, data, obj)=>{ this.LoadChartResource(obj); }
+        }
+
+        var splitXEvent=
+        {
+            event:JSCHART_EVENT_ID.ON_SPLIT_XCOORDINATE,
+            callback:(event, data, obj)=>{ this.OnSplitXCoordinate(event, data, obj); }
+        };
+
+        var splitYEvent=
+        {
+            event:JSCHART_EVENT_ID.ON_SPLIT_YCOORDINATE,
+            callback:(event, data, obj)=>{ this.OnSplitYCoordinate(event, data, obj); }
+        }
+
         if (Array.isArray(this.Minute.Option.EventCallback))
         {
-            this.Minute.Option.EventCallback.push(keyDownEvent);
+            this.Minute.Option.EventCallback.unshift(keyDownEvent,reloadResourceEvent,splitYEvent,splitYEvent);
         }
         else
         {
-            this.Minute.Option.EventCallback=[keyDownEvent];
+            this.Minute.Option.EventCallback=[keyDownEvent,reloadResourceEvent,splitXEvent,splitYEvent];
         }
         
         chart.SetOption(this.Minute.Option);  //设置K线配置
@@ -155253,7 +155392,7 @@ function JSPopMinuteChart()
 
     this.OnCreateHQChart=function(chart)
     {
-
+        this.LoadChartResource(chart);
     }
 
     this.Destroy=function()
@@ -155374,6 +155513,10 @@ function JSPopMinuteChart()
         this.BGColor=g_JSChartResource.PopMinuteChart.BGColor;
         this.BorderColor=g_JSChartResource.PopMinuteChart.BorderColor;
 
+        this.TitleFont=g_JSChartResource.PopMinuteChart.Title.Font; 
+        this.CorssCursorFont=g_JSChartResource.PopMinuteChart.CorssCursor.Font; //十字光标
+        this.FrameSplitTextFont=g_JSChartResource.PopMinuteChart.Frame.Font
+
         if (!this.DivDialog) return;
 
         this.UpdateStyle();
@@ -155381,6 +155524,35 @@ function JSPopMinuteChart()
         if (this.Minute.JSChart) this.Minute.JSChart.ReloadResource(option);
     }
 
+    this.LoadChartResource=function(chart)
+    {
+        if (IFrameSplitOperator.IsNonEmptyArray(chart.TitlePaint))
+        {
+            for(var i=0;i<chart.TitlePaint.length;++i)
+            {
+                var item=chart.TitlePaint[i];
+                if (!item) continue;
+
+                item.Font=this.TitleFont;
+            }
+        }
+
+        if (IFrameSplitOperator.IsNonEmptyArray(chart.WindowIndex))
+        {
+            for(var i=0;i<chart.WindowIndex.length;++i) //去掉指标里面的字体
+            {
+                var item=chart.WindowIndex[i];
+                if (!item) continue;
+                item.TitleFont=null;
+            }
+        }
+
+        if (chart.ChartCorssCursor)
+        {
+            chart.ChartCorssCursor.Font=this.CorssCursorFont;
+        }
+    }
+
     this.SetLanguage=function(language)
     {
         if (!this.DivDialog) return;
@@ -155507,6 +155679,34 @@ function JSPopMinuteChart()
         finder.Chart.ClearData();
         this.HQChart.Draw();
     }
+
+    this.OnSplitXCoordinate=function(event, data, obj)
+    {
+        var frame=data.Frame;
+        if (IFrameSplitOperator.IsNonEmptyArray(frame.VerticalInfo))
+        {
+            for(var i=0;i<frame.VerticalInfo.length;++i)
+            {
+                var item=frame.VerticalInfo[i];
+                if (!item) continue;
+                if (item.Font) item.Font=this.FrameSplitTextFont;
+            }
+        }
+    }
+
+    this.OnSplitYCoordinate=function(event, data, obj)
+    {
+        var frame=data.Frame;
+        if (IFrameSplitOperator.IsNonEmptyArray(frame.HorizontalInfo))
+        {
+            for(var i=0;i<frame.HorizontalInfo.length;++i)
+            {
+                var item=frame.HorizontalInfo[i];
+                if (!item) continue;
+                if (item.Font) item.Font=this.FrameSplitTextFont;
+            }
+        }
+    }
 }
 
 
@@ -155534,7 +155734,7 @@ JSPopMinuteChart.GetMinuteOption=function()
         //BeforeOpen:{IsShow:true, Width:120, IsShowMultiDay:true, MulitiDayWidth:100, },
         //AfterClose:{IsShow:true, Width:100, IsShowMultiDay:true, MulitiDayWidth:50,  ShareVol:2 }, //ShareVol:0=盘后成交量独立坐标, 1==盘后成交量主图共用 2==盘后成交量盘前共用
 
-        CorssCursorInfo:{ Left:2, Right:1, Bottom:1 },
+        CorssCursorInfo:{ Left:1, Right:1, Bottom:1 },
                 
         MinuteLine:
         {
@@ -155562,8 +155762,8 @@ JSPopMinuteChart.GetMinuteOption=function()
         {
             Left:20,    //左边间距
             Right:20,     //右边间距
-            Top:25,
-            Bottom:25,
+            Top:20,
+            Bottom:20,
 
             AutoLeft:{ Blank:10, MinWidth:60 },
             AutoRight:{ Blank:10, MinWidth:60 },
@@ -155594,6 +155794,11 @@ function JSTooltipMinuteChart()
 
     this.BGColor=g_JSChartResource.PopMinuteChart.BGColor;
     this.BorderColor=g_JSChartResource.PopMinuteChart.BorderColor;
+
+    this.TitleFont=g_JSChartResource.PopMinuteChart.Title.Font;                 //指标标题字体
+    this.CorssCursorFont=g_JSChartResource.PopMinuteChart.CorssCursor.Font;     //十字光标
+    this.FrameSplitTextFont=g_JSChartResource.PopMinuteChart.Frame.Font;        //刻度文字
+
     this.OnCreatedCallback;
 
     this.Minute=
@@ -155641,6 +155846,35 @@ function JSTooltipMinuteChart()
         if (this.HQChart) this.Minute.Option.Language=g_JSChartLocalization.GetLanguageName(this.HQChart.LanguageID);
         this.Minute.Option.OnCreatedCallback=(chart)=>{ this.OnCreateHQChart(chart); }
         this.Minute.Option.NetworkFilter=(data, callback)=>{ this.NetworkFilter(data, callback); }
+
+
+        var reloadResourceEvent=
+        {
+            event:JSCHART_EVENT_ID.ON_RELOAD_RESOURCE,
+            callback:(event, data, obj)=>{ this.LoadChartResource(obj); }
+        }
+
+        var splitXEvent=
+        {
+            event:JSCHART_EVENT_ID.ON_SPLIT_XCOORDINATE,
+            callback:(event, data, obj)=>{ this.OnSplitXCoordinate(event, data, obj); }
+        };
+
+        var splitYEvent=
+        {
+            event:JSCHART_EVENT_ID.ON_SPLIT_YCOORDINATE,
+            callback:(event, data, obj)=>{ this.OnSplitYCoordinate(event, data, obj); }
+        }
+
+        if (Array.isArray(this.Minute.Option.EventCallback))
+        {
+            this.Minute.Option.EventCallback.unshift(reloadResourceEvent,splitYEvent,splitYEvent);
+        }
+        else
+        {
+            this.Minute.Option.EventCallback=[reloadResourceEvent,splitXEvent,splitYEvent];
+        }
+
         chart.SetOption(this.Minute.Option);  //设置K线配置
 
         document.body.appendChild(divDom);
@@ -155681,6 +155915,8 @@ function JSTooltipMinuteChart()
 
     this.OnCreateHQChart=function(chart)
     {
+        this.LoadChartResource(chart);
+
         if (this.OnCreatedCallback) this.OnCreatedCallback(chart);
     }
 
@@ -155761,6 +155997,10 @@ function JSTooltipMinuteChart()
         this.BGColor=g_JSChartResource.PopMinuteChart.BGColor;
         this.BorderColor=g_JSChartResource.PopMinuteChart.BorderColor;
 
+        this.TitleFont=g_JSChartResource.PopMinuteChart.Title.Font;                 //指标标题字体
+        this.CorssCursorFont=g_JSChartResource.PopMinuteChart.CorssCursor.Font;     //十字光标
+        this.FrameSplitTextFont=g_JSChartResource.PopMinuteChart.Frame.Font;        //刻度文字
+
         if (!this.DivDialog) return;
 
         this.UpdateStyle();
@@ -155768,6 +156008,63 @@ function JSTooltipMinuteChart()
         if (this.Minute.JSChart) this.Minute.JSChart.ReloadResource(option);
     }
 
+    this.LoadChartResource=function(chart)
+    {
+        if (IFrameSplitOperator.IsNonEmptyArray(chart.TitlePaint))
+        {
+            for(var i=0;i<chart.TitlePaint.length;++i)
+            {
+                var item=chart.TitlePaint[i];
+                if (!item) continue;
+
+                item.Font=this.TitleFont;
+            }
+        }
+
+        if (IFrameSplitOperator.IsNonEmptyArray(chart.WindowIndex))
+        {
+            for(var i=0;i<chart.WindowIndex.length;++i) //去掉指标里面的字体
+            {
+                var item=chart.WindowIndex[i];
+                if (!item) continue;
+                item.TitleFont=null;
+            }
+        }
+
+        if (chart.ChartCorssCursor)
+        {
+            chart.ChartCorssCursor.Font=this.CorssCursorFont;
+        }
+    }
+
+    this.OnSplitXCoordinate=function(event, data, obj)
+    {
+        var frame=data.Frame;
+        if (IFrameSplitOperator.IsNonEmptyArray(frame.VerticalInfo))
+        {
+            for(var i=0;i<frame.VerticalInfo.length;++i)
+            {
+                var item=frame.VerticalInfo[i];
+                if (!item) continue;
+                if (item.Font) item.Font=this.FrameSplitTextFont;
+            }
+        }
+    }
+
+    this.OnSplitYCoordinate=function(event, data, obj)
+    {
+        var frame=data.Frame;
+        if (IFrameSplitOperator.IsNonEmptyArray(frame.HorizontalInfo))
+        {
+            for(var i=0;i<frame.HorizontalInfo.length;++i)
+            {
+                var item=frame.HorizontalInfo[i];
+                if (!item) continue;
+                if (item.Font) item.Font=this.FrameSplitTextFont;
+            }
+        }
+    }
+
 }
 
 JSTooltipMinuteChart.GetMinuteOption=function()
@@ -155794,7 +156091,7 @@ JSTooltipMinuteChart.GetMinuteOption=function()
         //BeforeOpen:{IsShow:true, Width:120, IsShowMultiDay:true, MulitiDayWidth:100, },
         //AfterClose:{IsShow:true, Width:100, IsShowMultiDay:true, MulitiDayWidth:50,  ShareVol:2 }, //ShareVol:0=盘后成交量独立坐标, 1==盘后成交量主图共用 2==盘后成交量盘前共用
 
-        CorssCursorInfo:{ Left:2, Right:1, Bottom:1 },
+        CorssCursorInfo:{ Left:1, Right:1, Bottom:1 },
                 
         MinuteLine:
         {
@@ -155824,8 +156121,8 @@ JSTooltipMinuteChart.GetMinuteOption=function()
         {
             Left:20,    //左边间距
             Right:120,     //右边间距
-            Top:25,
-            Bottom:25,
+            Top:20,
+            Bottom:20,
 
             AutoLeft:{ Blank:10, MinWidth:40 },
             AutoRight:{ Blank:10, MinWidth:40 },
@@ -161237,7 +161534,7 @@ function HQChartScriptWorker()
 
 
 
-var HQCHART_VERSION="1.1.14852";
+var HQCHART_VERSION="1.1.14859";
 
 function PrintHQChartVersion()
 {