hqchart 1.1.14473 → 1.1.14482

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

@@ -6664,6 +6664,11 @@ var JSCHART_EVENT_ID=
     SEARCH_DIALOG_ON_CLICK_INDEX:163,           //切换指标-指标对话框
 
     ON_CALCULATE_CHIP_DATA:164,                //计算筹码数据 (筹码图用)
+
+
+    ON_CLICK_DEAL_ROW:165,
+    ON_RCLICK_DEAL_ROW:166,
+    ON_DBCLICK_DEAL_ROW:167,
 }
 
 var JSCHART_OPERATOR_ID=
@@ -10951,7 +10956,7 @@ function JSChartContainer(uielement, OffscreenElement, cacheElement)
         return this.Frame.ZoomIndexWindow(frameID, option);
     }
 
-    this.ShowIndexTitleOnly=function(frameID, option)      //只显示指标的标题
+    this.ShowIndexTitleOnly=function(frameID, option)      //只显示指标的标题 option={ Enable:true/false }
     {
         if (frameID<0 || frameID>=this.Frame.SubFrame.length) return false;
         return this.Frame.ShowIndexTitleOnly(frameID, option);
@@ -29252,7 +29257,7 @@ function IChartPainting()
         for(var i=this.Data.DataOffset,j=0;i<this.Data.Data.length && j<xPointCount;++i,++j,xOffset+=(dataWidth+distanceWidth))
         {
             var data=this.Data.Data[i];
-            if (data.Open==null || data.High==null || data.Low==null || data.Close==null) continue;
+            if (!data || data.Open==null || data.High==null || data.Low==null || data.Close==null) continue;
 
             if (firstOverlayOpen==null) firstOverlayOpen=data.Open;
 
@@ -30182,7 +30187,7 @@ function ChartKLine()
         {
             var data=this.Data.Data[i];
             this.ShowRange.End=i;
-            if (data.Open==null || data.High==null || data.Low==null || data.Close==null) continue;
+            if (!data || data.Open==null || data.High==null || data.Low==null || data.Close==null) continue;
 
             var left=xOffset;
             var right=xOffset+dataWidth;
@@ -32550,6 +32555,7 @@ function ChartKLine()
                     tooltip.Data=this.Data.Data[index];
                     tooltip.ChartPaint=this;
                     tooltip.Type=0; //K线信息
+                    tooltip.Symbol=this.Symbol;
                     return true;
                 }
             }
@@ -32584,7 +32590,7 @@ function ChartKLine()
             for(var i=start,j=0;i<this.Data.Data.length && j<xPointCount;++i,++j)
             {
                 var data=this.Data.Data[i];
-                if (!IFrameSplitOperator.IsNumber(data.Close)) continue;
+                if (!data || !IFrameSplitOperator.IsNumber(data.Close)) continue;
 
                 if (range.Max==null) range.Max=data.Close;
                 if (range.Min==null) range.Min=data.Close;
@@ -32598,7 +32604,7 @@ function ChartKLine()
             for(var i=start,j=0;i<this.Data.Data.length && j<xPointCount;++i,++j)
             {
                 var data=this.Data.Data[i];
-                if (data.Open==null || data.High==null || data.Low==null || data.Close==null) continue;
+                if (!data || data.Open==null || data.High==null || data.Low==null || data.Close==null) continue;
 
                 if (this.DrawType==5 && data.OrderFlow && IFrameSplitOperator.IsNumber(data.OrderFlow.PriceOffset))
                 {
@@ -76415,7 +76421,12 @@ function JSChartResource()
 
         UpTextColor:"rgb(238,21,21)",      //上涨文字颜色
         DownTextColor:"rgb(25,158,0)",     //下跌文字颜色
-        UnchagneTextColor:"rgb(0,0,0)"     //平盘文字颜色 
+        UnchagneTextColor:"rgb(0,0,0)",     //平盘文字颜色 
+
+        Selected:
+        {
+            BGColor:"rgb(180,240,240)",
+        }
     },
 
     //报价列表
@@ -76435,7 +76446,7 @@ function JSChartResource()
         SortIcon:
         {
             Size:12, Family:"iconfont",
-            Arrow:["\ue704", "\ue81b", "\uf0c9"],           //[0]=默认排序的图标背景色
+            Arrow:["\ue704",  "\uf0c9","\ue81b"],           //[0]=默认排序的图标背景色
             Color:['rgb(169,169,169)', "rgb(51,51,51)", "rgb(51,51,51)"],
             Margin:{ Left:1*GetDevicePixelRatio(), Bottom:2, Right:0,}
         },
@@ -77468,6 +77479,12 @@ function JSChartResource()
                         this.DealList.FieldColor.Bar[i]=filed.Bar[i];
                 }
             }
+
+            if (item.Selected)
+            {
+                var subItem=item.Selected;
+                if (subItem.BGColor) this.DealList.Selected.BGColor=subItem.BGColor;
+            }
         }
 
         if (style.Report) this.SetReportStyle(style.Report);
@@ -122506,6 +122523,8 @@ var SCRIPT_CHART_NAME=
     SCATTER_PLOT:"SCATTER_PLOT",     //散点图
 
     CLIP_COLOR_STICK:"CLIP_COLOR_STICK",  //上下柱子 裁剪
+
+    DRAW_KLINE:"DRAWKLINE"
 }
 
 
@@ -123574,6 +123593,15 @@ function ScriptIndex(name,script,args,option)
         if (varItem.Color)  //如果设置了颜色,使用外面设置的颜色
             chart.UnchagneColor=chart.DownColor=chart.UpColor=this.GetColor(varItem.Color);
 
+        if (varItem.Draw.Config)
+        {
+            var config=varItem.Draw.Config;
+            if (IFrameSplitOperator.IsBool(config.IsShowMaxMinPrice)) chart.IsShowMaxMinPrice=config.IsShowMaxMinPrice;
+            if (IFrameSplitOperator.IsBool(config.IsShowKTooltip)) chart.IsShowKTooltip=config.IsShowKTooltip;
+            if (config.Symbol) chart.Symbol=config.Symbol;
+            if (config.Name) chart.Title=config.Name;
+        }
+
         this.SetChartIndexName(chart);
         hqChart.ChartPaint.push(chart);
     }
@@ -124262,12 +124290,10 @@ function ScriptIndex(name,script,args,option)
         this.SetChartIndexName(chart);
         hqChart.ChartPaint.push(chart);
 
-         var titleIndex=windowIndex+1;
-        if (varItem.IsShowTitle===false)
-        {
-
-        }
-        else
+        var titleIndex=windowIndex+1;
+        var bShowTitle=true;
+        if (varItem.IsShowTitle===false) bShowTitle=false;
+        if (bShowTitle)
         {
             var titleData=new DynamicTitleData(chart.Data,chart.Name, null);
             titleData.DataType="ChartMultiLine";
@@ -124293,10 +124319,15 @@ function ScriptIndex(name,script,args,option)
         hqChart.ChartPaint.push(chart);
 
         var titleIndex=windowIndex+1;
-        var titleData=new DynamicTitleData(chart.Data,chart.Name, null);
-        titleData.DataType="ChartMultiPoint";
-        titleData.GetItemCallback=(kItem)=>{ return chart.GetItem(kItem); }
-        hqChart.TitlePaint[titleIndex].Data[i]=titleData;
+        var bShowTitle=true;
+        if (varItem.IsShowTitle===false) bShowTitle=false;
+        if (bShowTitle)
+        {
+            var titleData=new DynamicTitleData(chart.Data,chart.Name, null);
+            titleData.DataType="ChartMultiPoint";
+            titleData.GetItemCallback=(kItem)=>{ return chart.GetItem(kItem); }
+            hqChart.TitlePaint[titleIndex].Data[i]=titleData;
+        }
     }
 
     this.CreateMultiBar=function(hqChart,windowIndex,varItem,id)
@@ -124315,10 +124346,17 @@ function ScriptIndex(name,script,args,option)
         hqChart.ChartPaint.push(chart);
 
         var titleIndex=windowIndex+1;
-        var titleData=new DynamicTitleData(chart.Data,varItem.Name,null);
-        titleData.DataType="ChartMultiBar";
-        titleData.GetItemCallback=(kItem)=>{ return chart.GetItem(kItem); }
-        hqChart.TitlePaint[titleIndex].Data[id]=titleData;
+
+        var bShowTitle=true;
+        if (varItem.IsShowTitle===false) bShowTitle=false;
+        if (bShowTitle)
+        {
+            var titleData=new DynamicTitleData(chart.Data,varItem.Name,null);
+            titleData.DataType="ChartMultiBar";
+            titleData.GetItemCallback=(kItem)=>{ return chart.GetItem(kItem); }
+            hqChart.TitlePaint[titleIndex].Data[id]=titleData;
+        }
+        
     }
 
     this.CreateMultiText=function(hqChart,windowIndex,varItem,i)
@@ -126032,11 +126070,16 @@ function OverlayScriptIndex(name,script,args,option)
         chart.BuildCacheData();
 
         var titleIndex=windowIndex+1;
-        var titlePaint=hqChart.TitlePaint[titleIndex];
-        var titleData=new DynamicTitleData(chart.Data,varItem.Name,null);
-        titleData.DataType="ChartMultiPoint";
-        titleData.GetItemCallback=(kItem)=>{ return chart.GetItem(kItem); }
-        titlePaint.OverlayIndex.get(overlayIndex.Identify).Data[id]=titleData;
+        var bShowTitle=true;
+        if (varItem.IsShowTitle===false) bShowTitle=false;
+        if (bShowTitle)
+        {
+            var titlePaint=hqChart.TitlePaint[titleIndex];
+            var titleData=new DynamicTitleData(chart.Data,varItem.Name,null);
+            titleData.DataType="ChartMultiPoint";
+            titleData.GetItemCallback=(kItem)=>{ return chart.GetItem(kItem); }
+            titlePaint.OverlayIndex.get(overlayIndex.Identify).Data[id]=titleData;
+        }
 
         this.SetChartIndexName(chart);
         
@@ -126082,12 +126125,16 @@ function OverlayScriptIndex(name,script,args,option)
         chart.BuildCacheData();
 
         var titleIndex=windowIndex+1;
-        var titlePaint=hqChart.TitlePaint[titleIndex];
-        var titleData=new DynamicTitleData(chart.Data,varItem.Name,null);
-        titleData.DataType="ChartMultiBar";
-        titleData.GetItemCallback=(kItem)=>{ return chart.GetItem(kItem); }
-
-        titlePaint.OverlayIndex.get(overlayIndex.Identify).Data[id]=titleData;
+        var bShowTitle=true;
+        if (varItem.IsShowTitle===false) bShowTitle=false;
+        if (bShowTitle)
+        {
+            var titlePaint=hqChart.TitlePaint[titleIndex];
+            var titleData=new DynamicTitleData(chart.Data,varItem.Name,null);
+            titleData.DataType="ChartMultiBar";
+            titleData.GetItemCallback=(kItem)=>{ return chart.GetItem(kItem); }
+            titlePaint.OverlayIndex.get(overlayIndex.Identify).Data[id]=titleData;
+        }
 
         this.SetChartIndexName(chart);
         frame.ChartPaint.push(chart);
@@ -127514,6 +127561,17 @@ function APIScriptIndex(name,script,args,option, isOverlay)
                     outVarItem.Draw=drawItem;
                     result.push(outVarItem);
                 }
+                else if (draw.DrawType==SCRIPT_CHART_NAME.DRAW_KLINE)
+                {
+                    drawItem.Name=draw.Name;
+                    drawItem.Type=draw.Type;
+                    drawItem.DrawType=draw.DrawType;
+
+                    drawItem.DrawData=this.FittingArray(draw.DrawData,date,time,hqChart,1);
+                    drawItem.Config=draw.Config;
+                    outVarItem.Draw=drawItem;
+                    result.push(outVarItem);
+                }
                 else
                 {
                     var find=g_ScriptIndexChartFactory.Get(draw.DrawType);  //外部挂接
@@ -129241,7 +129299,12 @@ function GetBlackStyle()
     
             UpTextColor:"rgb(238,21,21)",      //上涨文字颜色
             DownTextColor:"rgb(25,158,0)",     //下跌文字颜色
-            UnchagneTextColor:"rgb(228,228,228)"    //平盘文字颜色 
+            UnchagneTextColor:"rgb(228,228,228)",    //平盘文字颜色 
+
+            Selected:
+            {
+                BGColor:"rgb(49,48,56)",
+            }
         },
     
         //报价列表
@@ -129600,6 +129663,17 @@ function JSDealChart(divElement)
 
         this.JSChartContainer=chart;
         this.DivElement.JSChart=this;   //div中保存一份
+
+        //注册事件
+        if (option.EventCallback)
+        {
+            for(var i=0;i<option.EventCallback.length;++i)
+            {
+                var item=option.EventCallback[i];
+                chart.AddEventCallback(item);
+            }
+        }
+
         if (!option.Symbol) 
         {
             chart.Draw();
@@ -129824,6 +129898,7 @@ function JSDealChartContainer(uielement)
         chart.Frame=this.Frame;
         chart.ChartBorder=this.Frame.ChartBorder;
         chart.Canvas=this.Canvas;
+        chart.UIElement=this.UIElement;
         chart.GetEventCallback=(id)=> { return this.GetEventCallback(id); }
         this.ChartPaint[0]=chart;
 
@@ -129851,10 +129926,16 @@ function JSDealChartContainer(uielement)
                 bRegisterWheel=false;
                 JSConsole.Chart.Log('[JSDealChartContainer::Create] not register wheel event.');
             }
+
+            if (IFrameSplitOperator.IsBool(option.EnableSelected)) chart.SelectedData.Enable=option.EnableSelected;
         }
 
         if (bRegisterKeydown) this.UIElement.addEventListener("keydown", (e)=>{ this.OnKeyDown(e); }, true);            //键盘消息
         if (bRegisterWheel) this.UIElement.addEventListener("wheel", (e)=>{ this.OnWheel(e); }, true);                  //上下滚动消息
+
+        this.UIElement.onmousedown=(e)=> { this.UIOnMouseDown(e); }
+        this.UIElement.ondblclick=(e)=>{ this.UIOnDblClick(e); }
+        this.UIElement.oncontextmenu=(e)=> { this.UIOnContextMenu(e); }
     }
 
     this.Draw=function()
@@ -130228,6 +130309,40 @@ function JSDealChartContainer(uielement)
         else e.returnValue = false;
     }
 
+    this.UIOnMouseDown=function(e)
+    {
+        var pixelTatio = GetDevicePixelRatio();
+        var x = (e.clientX-this.UIElement.getBoundingClientRect().left)*pixelTatio;
+        var y = (e.clientY-this.UIElement.getBoundingClientRect().top)*pixelTatio;
+
+        
+        var chart=this.ChartPaint[0];
+        if (!chart) return;
+         
+        var clickData=chart.OnMouseDown(x,y,e);
+        if (!clickData) return;
+
+        if ((clickData.Type==1) && (e.button==0 || e.button==2))  //点击行
+        {
+            if (clickData.Redraw==true) this.Draw();
+        }
+    }
+
+    this.UIOnDblClick=function(e)
+    {
+        var pixelTatio = GetDevicePixelRatio();
+        var x = (e.clientX-this.UIElement.getBoundingClientRect().left)*pixelTatio;
+        var y = (e.clientY-this.UIElement.getBoundingClientRect().top)*pixelTatio;
+
+        var chart=this.ChartPaint[0];
+        if (chart) chart.OnDblClick(x,y,e);
+    }
+
+    this.UIOnContextMenu=function(e)
+    {
+        e.preventDefault();
+    }
+
     this.GotoNextPage=function()
     {
         if (!this.Data || !IFrameSplitOperator.IsNonEmptyArray(this.Data.Data)) return false;
@@ -130321,7 +130436,7 @@ JSDealChartContainer.JsonDataToDealData=function(data)
     {
         var item=data.detail[i];
         
-        var dealItem={ Time:item[0], Price:item[1], Vol:item[2], BS:item[4], Amount:item[3] };
+        var dealItem={ Time:item[0], Price:item[1], Vol:item[2], BS:item[4], Amount:item[3], Guid:Guid() };
         dealItem.Source=item;
 
         if (item[5]) dealItem.StrTime=item[5];
@@ -130447,6 +130562,7 @@ function ChartDealList()
     this.IsSingleTable=false;    //单表模式
     this.IsShowHeader=true;    //是否显示表头
     this.ShowOrder=1;           //0=顺序 1=倒序
+    this.SelectedData={ Index:null, Guid:null, Enable:false };         //{ Index:序号, Guid, Enable:是否启动 }
 
     this.SizeChange=true;
 
@@ -130457,6 +130573,8 @@ function ChartDealList()
 
     this.BorderColor=g_JSChartResource.DealList.BorderColor;    //边框线
 
+    this.SelectedConfig={ BGColor:g_JSChartResource.DealList.Selected.BGColor };
+
     //表头配置
     this.HeaderFontConfig={ Size:g_JSChartResource.DealList.Header.Font.Size, Name:g_JSChartResource.DealList.Header.Font.Name };
     this.HeaderColor=g_JSChartResource.DealList.Header.Color;
@@ -130496,6 +130614,7 @@ function ChartDealList()
     ];
 
     this.RectClient={};
+    this.AryCellRect=[];    //{ Rect:, Type: 1=单行 }
 
     this.ReloadResource=function(resource)
     {
@@ -130596,6 +130715,7 @@ function ChartDealList()
 
     this.Draw=function()
     {
+        this.AryCellRect=[];
         if (this.SizeChange) this.CalculateSize();
         else this.UpdateCacheData();
 
@@ -130751,6 +130871,7 @@ function ChartDealList()
                 for(j=0;j<this.RowCount && index>=0;++j, --index)
                 {
                     var dataItem=this.Data.Data[index];
+                    this.DrawSelectedRow(dataItem, index, rtRow);
     
                     this.DrawRow(dataItem, textLeft, textTop, index);
     
@@ -130768,8 +130889,15 @@ function ChartDealList()
                 for(j=0;j<this.RowCount && index<dataCount;++j, ++index)
                 {
                     var dataItem=this.Data.Data[index];
+                    var rtRow={ Left:textLeft-this.HeaderMergin.Left, Top:textTop, Height:this.RowHeight, Width:this.TableWidth };
+                    rtRow.Right=rtRow.Left+rtRow.Width;
+                    rtRow.Bottom=rtRow.Top+rtRow.Height;
+
+                    this.DrawSelectedRow(dataItem, index, rtRow);
     
                     this.DrawRow(dataItem, textLeft, textTop, index);
+
+                    this.AryCellRect.push({ Rect:rtRow, Type:1, DataIndex:index });
     
                     textTop+=this.RowHeight;
                 }
@@ -130875,6 +131003,16 @@ function ChartDealList()
         }
     }
 
+    this.DrawSelectedRow=function(data, index, rtRow)
+    {
+        if (!this.SelectedData) return;
+        if (!this.SelectedData.Enable) return;
+        if (!this.SelectedData.Guid || this.SelectedData.Guid!=data.Guid) return; 
+
+        this.Canvas.fillStyle=this.SelectedConfig.BGColor;
+        this.Canvas.fillRect(rtRow.Left,rtRow.Top, rtRow.Width, rtRow.Height);
+    }
+
     this.DrawItemText=function(text, textColor, textAlign, left, top, width)
     {
         var x=left;
@@ -131001,6 +131139,81 @@ function ChartDealList()
     {
         return GetFontHeight(this.Canvas, font, word);
     }
+
+    this.OnMouseDown=function(x,y,e)    //Type: 1=行
+    {
+        if (!this.Data) return null;
+
+        var pixelTatio = GetDevicePixelRatio();
+        var insidePoint={X:x/pixelTatio, Y:y/pixelTatio};
+        var uiElement;
+        if (this.UIElement) uiElement={Left:this.UIElement.getBoundingClientRect().left, Top:this.UIElement.getBoundingClientRect().top};
+        else uiElement={Left:null, Top:null};
+
+        var row=this.PtInBody(x,y);
+        if (row)
+        {
+            var bRedraw=true;
+            var index=row.DataIndex;
+            var id=row.Item.Guid
+            if (this.SelectedData.Index==index && this.SelectedData.Guid==id) bRedraw=false;
+
+            this.SelectedData.Index=index;
+            this.SelectedData.Guid=id;
+
+            var eventID=JSCHART_EVENT_ID.ON_CLICK_DEAL_ROW;
+            if (e.button==2) eventID=JSCHART_EVENT_ID.ON_RCLICK_DEAL_ROW;
+
+            this.SendClickEvent(eventID, { Data:row, X:x, Y:y, e:e, Inside:insidePoint, UIElement:uiElement });
+
+            return { Type:row.Type, Redraw:bRedraw, Row:row };
+        }
+
+        return null;
+    }
+
+    this.OnDblClick=function(x,y,e)
+    {
+        if (!this.Data) return false;
+
+        var row=this.PtInBody(x,y);
+        if (row)
+        {
+            this.SendClickEvent(JSCHART_EVENT_ID.ON_DBCLICK_DEAL_ROW, { Data:row, X:x, Y:y });
+            return true;
+        }
+
+        return false;
+    }
+
+    this.PtInBody=function(x,y)
+    {
+        if (!this.Data) return null;
+        if (!IFrameSplitOperator.IsNonEmptyArray(this.Data.Data)) return null;
+        if (!IFrameSplitOperator.IsNonEmptyArray(this.AryCellRect)) return null;
+
+        for(var i=0;i<this.AryCellRect.length;++i)
+        {
+            var item=this.AryCellRect[i];
+            var rtRow=item.Rect;
+            if (x>=rtRow.Left && x<=rtRow.Right && y>=rtRow.Top && y<=rtRow.Bottom)
+            {
+                var data={ Rect:rtRow, DataIndex:item.DataIndex, Item:this.Data.Data[item.DataIndex], Type:item.Type };
+                return data;
+            }
+        }
+
+        return null;
+    }
+
+    this.SendClickEvent=function(id, data)
+    {
+        var event=this.GetEventCallback(id);
+        if (event && event.Callback)
+        {
+            event.Callback(event,data,this);
+        }
+    }
 }
 /*
    Copyright (c) 2018 jones
@@ -139582,7 +139795,7 @@ function ChartReport()
         return null;
     }
 
-    //设置选中行 data={ Symbol:, AutoYScroll:true/false Y滚动条自定定位 }
+    //设置选中行 option={ Symbol:, AutoYScroll:true/false Y滚动条自定定位 }
     this.SetSelectedRow=function(option)
     {
         if (!option) return false;
@@ -150571,14 +150784,21 @@ function JSFloatTooltip()
         var symbol=data.Symbol;
         var name=data.Name;
         var bOverlay=false; //是否是叠加指标
+        var bIndexKLine=false;
         if (tooltipData.ChartPaint.Name=="Overlay-KLine")
         {
             symbol=tooltipData.ChartPaint.Symbol;
             name=tooltipData.ChartPaint.Title;
             bOverlay=true;
         }
+        else if (tooltipData.ChartPaint.Name=="DRAWKLINE")
+        {
+            symbol=tooltipData.ChartPaint.Symbol;
+            name=tooltipData.ChartPaint.Title;
+            bIndexKLine=true;
+        }
 
-        var kItem={ Symbol:symbol, Name:name, Item:CloneData(tooltipData.Data), IsOverlay:bOverlay };
+        var kItem={ Symbol:symbol, Name:name, Item:CloneData(tooltipData.Data), IsOverlay:bOverlay, IsIndexKLine:bIndexKLine };
         var strKItem=JSON.stringify(kItem);
         var bUpdata=false;
         if (this.KItemCacheID!=strKItem)    //数据变动的才更新
@@ -150879,10 +151099,11 @@ function JSFloatTooltip()
         if (IFrameSplitOperator.IsNumber(data.Time)) timeItem=this.FormatTime(data.Time, this.HQChart.Period, null, 'FloatTooltip-Time');
 
         var overlayItem=null;
-        if (kItem.IsOverlay)
+        if (kItem.IsOverlay || (kItem.IsIndexKLine && kItem.Name))
             overlayItem={ Title:"", Text:kItem.Name, Color:this.TextColor, ClassName:this.ValueAlign.Left };
         
         
+        
         var yClose=data.YClose; //昨收价|昨结算价
         var aryText=
         [
@@ -153522,7 +153743,7 @@ function HQChartScriptWorker()
 
 
 
-var HQCHART_VERSION="1.1.14472";
+var HQCHART_VERSION="1.1.14481";
 
 function PrintHQChartVersion()
 {