hqchart 1.1.13577 → 1.1.13588

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

@@ -6570,6 +6570,7 @@ var JSCHART_EVENT_ID=
     ON_DRAW_REPORT_ROW_BG:140,              //报价列表整行背景
     ON_CLICK_REPORT_CHECKBOX:141,           //报价列表checkbox
     ON_CLICK_REPORT_BUTTON:142,             //报价列表按钮
+    ON_CLICK_REPORT_LINK:143,               //报价列表 链接
 
 
     ON_CHANGE_INDEX:150,        //切换指标
@@ -60379,7 +60380,8 @@ IChartDrawPicture.ArrayDrawPricture=
     { Name:"PriceRange", ClassName:"ChartPriceRange", Create:function() { return new ChartPriceRange(); }},
     { Name:"DateRange", ClassName:"ChartDateRange", Create:function() { return new ChartDateRange(); }},
     { Name:"InfoLine", ClassName:"ChartInfoLine", Create:function() { return new ChartInfoLine(); }},
-    { Name:"TrendAngle", ClassName:"ChartTrendAngle", Create:function() { return new ChartTrendAngle(); }}
+    { Name:"TrendAngle", ClassName:"ChartTrendAngle", Create:function() { return new ChartTrendAngle(); }},
+    { Name:"ArrowMarker", ClassName:"ChartArrowMarker", Create:function() { return new ChartArrowMarker(); } },
 ];
 
 IChartDrawPicture.MapIonFont=new Map(
@@ -60904,6 +60906,90 @@ function ChartDrawArrowLine()
     }
 }
 
+function ChartArrowMarker()
+{
+    this.newMethod=IChartDrawPicture;   //派生
+    this.newMethod();
+    delete this.newMethod;
+
+    this.ClassName='ChartArrowMarker';
+    this.IsPointIn=this.IsPointIn_XYValue_Line;
+   
+    this.InsideAngle=25;
+    this.InsideWidth=70;
+
+    this.OutAngle=35;
+    this.OutWidth=100;
+
+    this.GetXYCoordinate=this.GetXYCoordinate_default;
+    this.OnlyMoveXIndex=true;
+    this.IsSupportMagnet=true;
+
+    this.CalculatePoint=function(angle, ptStart, ptEnd, lineWidth)
+    {
+        var theta=angle;            //三角斜边一直线夹角
+        var headlen=lineWidth;      //三角斜边长度
+
+        var angle = Math.atan2(ptStart.Y - ptEnd.Y, ptStart.X - ptEnd.X) * 180 / Math.PI,
+        angle1 = (angle + theta) * Math.PI / 180,
+        angle2 = (angle - theta) * Math.PI / 180,
+        topX = headlen * Math.cos(angle1),
+        topY = headlen * Math.sin(angle1),
+        botX = headlen * Math.cos(angle2),
+        botY = headlen * Math.sin(angle2);
+
+        return { Top:{X:topX+ptEnd.X, Y:topY+ptEnd.Y}, Bottom:{X:botX+ptEnd.X, Y:botY+ptEnd.Y} };
+    }
+
+    this.Draw=function()
+    {
+        this.LinePoint=[];
+        if (this.IsFrameMinSize()) return;
+        if (!this.IsShow) return;
+
+        var drawPoint=this.CalculateDrawPoint( {IsCheckX:true, IsCheckY:true} );
+        if (!drawPoint) return;
+        if (drawPoint.length!=2) return;
+
+        this.ClipFrame();
+
+        var ptStart=drawPoint[0];
+        var ptEnd=drawPoint[1];
+
+        //计算箭头 的两条边线坐标
+        var outArrow=this.CalculatePoint(this.OutAngle, ptStart, ptEnd, this.OutWidth);
+        var insideArrow=this.CalculatePoint(this.InsideAngle, ptStart, ptEnd, this.InsideWidth);
+
+        this.Canvas.beginPath();
+        this.Canvas.moveTo(ptStart.X,ptStart.Y);
+        this.Canvas.lineTo(insideArrow.Top.X,insideArrow.Top.Y);
+        this.Canvas.lineTo(outArrow.Top.X,outArrow.Top.Y);
+        this.Canvas.lineTo(ptEnd.X,ptEnd.Y);
+        this.Canvas.lineTo(outArrow.Bottom.X,outArrow.Bottom.Y);
+        this.Canvas.lineTo(insideArrow.Bottom.X,insideArrow.Bottom.Y);
+        this.Canvas.lineTo(ptStart.X,ptStart.Y);
+        this.Canvas.closePath();
+
+        this.Canvas.fillStyle=this.LineColor;
+        this.Canvas.fill();
+
+        /*
+        if (this.IsSelected)
+        {
+            this.Canvas.strokeStyle='rgba(255,0,0,0.5)';
+            this.Canvas.lineWidth=20 * GetDevicePixelRatio();
+            this.Canvas.stroke();
+        }
+        */
+
+        var line={Start:ptStart, End:ptEnd};
+        this.LinePoint.push(line);
+        
+        this.DrawPoint([ptStart,ptEnd]);  //画点
+        this.Canvas.restore();
+    }
+}
+
 //画图工具-射线
 function ChartDrawPictureHaflLine()
 {
@@ -71408,10 +71494,46 @@ function JSChartResource()
         CheckBox:
         {
             Family:"iconfont", Size:15,
-            Checked:{ Color:"rgb(33,148,240)", Symbol:"\ue6b3", DisableColor:"rgb(112,128,144)" },
-            Unchecked:{ Color:"rgb(33,148,240)", Symbol:"\ue6b4", DisableColor:"rgb(112,128,144)" },
+            Checked:{ Color:"rgb(69,147,238)", Symbol:"\ue6b3", DisableColor:"rgb(230,230,230)", MouseOnColor:"rgb(69,147,238)" },
+            Unchecked:{ Color:"rgb(120,120,120)", Symbol:"\ue6b4", DisableColor:"rgb(230,230,230)", MouseOnColor:"rgb(69,147,238)" },
 
             Margin:{ Left:5, Right:5, Bottom:2, Top:4 },
+        },
+
+        Link:
+        {
+            Font:`${12*GetDevicePixelRatio()}px 微软雅黑`,
+            TextColor:"rgb(30,144,255)",
+
+            Disable:{ TextColor:"rgb(211,211,211)" },
+            MouseOn:{ TextColor:"rgb(30,144,255)" },
+        },
+
+        ProgressBar:
+        {
+            BGColor:"rgb(229,231,238)",
+            BarColor:"rgb(26,125,255)",
+            Margin:{ Left:2, Right:2, Bottom:2, Top:2 },
+            BarMargin:{ Left:2, Right:2, Bottom:2, Top:2 },
+            TextColor:"rgb(0,0,0)",
+            Font:`${12*GetDevicePixelRatio()}px 微软雅黑`,
+            TextMargin:{ Left:40, Right:2, Bottom:2, Top:2},
+            Disable:{ BGColor:"rgb(229,231,238)", BarColor:"rgb(131,131,131)", TextColor:"rgb(159,161,159)"}
+        },
+
+        Button:
+        {
+            BGColor:"rgb(61,134,180)",
+            TextColor:"rgb(255,255,255)",
+            BorderColor:"rgb(200,200,200)",
+
+            Disable:{ BGColor:"rgb(105,105,105)", TextColor:"rgb(169,169,169)"},
+            MouseOn:{ BGColor:"rgb(57,125,169)", TextColor:"rgb(230,230,230)" },
+
+            Margin:{ Left:5, Right:5, Bottom:2, Top:2 },
+            TextMargin:{ Bottom:2 },
+
+            Font:`${12*GetDevicePixelRatio()}px 微软雅黑`
         }
     },
 
@@ -72454,6 +72576,58 @@ function JSChartResource()
 
             CopyMarginConfig(dest.CheckBox.Margin, subItem.Margin);
         }
+
+        if (item.Link)
+        {
+            var subItem=item.Link;
+            if (subItem.Font) dest.Link.Font=subItem.Font;
+            if (subItem.TextColor) dest.Link.TextColor=subItem.TextColor;
+            if (subItem.Disable && subItem.Disable.TextColor) dest.Link.Disable.TextColor=subItem.Disable.TextColor;
+            if (subItem.MouseOn && subItem.MouseOn.TextColor) dest.Link.MouseOn.TextColor=subItem.MouseOn.TextColor;
+        }
+
+        if (item.ProgressBar)
+        {
+            var subItem=item.ProgressBar;
+            if (subItem.BGColor) dest.ProgressBar.BGColor=subItem.BGColor;
+            if (subItem.BarColor) dest.ProgressBar.BarColor=subItem.BarColor;
+            if (subItem.TextColor) dest.ProgressBar.TextColor=subItem.TextColor;
+            if (subItem.Font) dest.ProgressBar.Font=subItem.Font;
+            if (subItem.Disable)
+            {
+                if (subItem.Disable.BGColor) dest.ProgressBar.Disable.BGColor=subItem.Disable.BGColor;
+                if (subItem.Disable.BarColor) dest.ProgressBar.Disable.BarColor=subItem.Disable.BarColor;
+                if (subItem.Disable.TextColor) dest.ProgressBar.Disable.TextColor=subItem.Disable.TextColor;
+            }
+
+            CopyMarginConfig(dest.ProgressBar.Margin, subItem.Margin);
+            CopyMarginConfig(dest.ProgressBar.BarMargin, subItem.BarMargin);
+            CopyMarginConfig(dest.ProgressBar.TextMargin, subItem.TextMargin);
+        }
+
+        if (item.Buttom)
+        {
+            var subItem=item.Buttom;
+            if (subItem.BGColor) dest.Buttom.BGColor=subItem.BGColor;
+            if (subItem.TextColor) dest.Buttom.TextColor=subItem.TextColor;
+            if (subItem.BorderColor) dest.Buttom.BorderColor=subItem.BorderColor;
+            if (subItem.Font) dest.Buttom.Font=subItem.Font;
+
+            if (subItem.Disable)
+            {
+                if (subItem.Disable.BGColor) dest.Buttom.Disable.BGColor=subItem.Disable.BGColor;
+                if (subItem.Disable.TextColor) dest.Buttom.Disable.TextColor=subItem.Disable.TextColor;
+            }
+
+            if (subItem.MouseOn)
+            {
+                if (subItem.MouseOn.BGColor) dest.Buttom.MouseOn.BGColor=subItem.MouseOn.BGColor;
+                if (subItem.MouseOn.TextColor) dest.Buttom.MouseOn.TextColor=subItem.MouseOn.TextColor;
+            }
+
+            CopyMarginConfig(dest.Buttom.Margin, subItem.Margin);
+            CopyMarginConfig(dest.Buttom.TextMargin, subItem.TextMargin);
+        }
         
     }
 
@@ -123874,8 +124048,29 @@ function GetBlackStyle()
             CheckBox:
             {
                 Family:"iconfont", Size:15,
-                Checked:{ Color:"rgb(237,60,31)", Symbol:"\ue6b3", DisableColor:"rgb(112,128,144)" },
-                Unchecked:{ Color:"rgb(237,60,31)", Symbol:"\ue6b4", DisableColor:"rgb(112,128,144)" },
+                Checked:{ Color:"rgb(69,147,238)", Symbol:"\ue6b3", DisableColor:"rgb(120,120,120)", MouseOnColor:"rgb(69,147,238)" },
+                Unchecked:{ Color:"rgb(210,210,210)", Symbol:"\ue6b4", DisableColor:"rgb(120,120,120)", MouseOnColor:"rgb(69,147,238)" },
+            },
+
+            Link:
+            {
+                Font:`${12*GetDevicePixelRatio()}px 微软雅黑`,
+                TextColor:"rgb(0,144,255)",
+
+                Disable:{ TextColor:"rgb(211,211,211)" },
+                MouseOn:{ TextColor:"rgb(0,144,255)" },
+            },
+
+            ProgressBar:
+            {
+                BGColor:"rgb(20,24,28)",
+                BarColor:"rgb(47,124,197)",
+                Margin:{ Left:2, Right:2, Bottom:2, Top:2 },
+                BarMargin:{ Left:2, Right:2, Bottom:2, Top:2 },
+                TextColor:"rgb(230,230,230)",
+                Font:`${12*GetDevicePixelRatio()}px 微软雅黑`,
+                TextMargin:{ Left:40, Right:2, Bottom:2, Top:2},
+                Disable:{ BGColor:"rgb(61,61,61)", BarColor:"rgb(131,131,131)", TextColor:"rgb(159,161,159)"}
             }
         },
 
@@ -125916,7 +126111,8 @@ function JSReportChartContainer(uielement)
     this.JSPopMenu;             //内置菜单
     this.IsShowRightMenu=true;
 
-    this.LastMouseStatus={ MoveStatus:null, TooltipStatus:null };
+    //MouseOnStatus:{ RowIndex:行, ColumnIndex:列} 
+    this.LastMouseStatus={ MoveStatus:null, TooltipStatus:null, MouseOnStatus:null };
    
     this.ChartDestory=function()    //销毁
     {
@@ -126155,6 +126351,7 @@ function JSReportChartContainer(uielement)
         this.Canvas.clearRect(0,0,this.UIElement.width,this.UIElement.height);
         var pixelTatio = GetDevicePixelRatio(); //获取设备的分辨率
         this.Canvas.lineWidth=pixelTatio;       //手机端需要根据分辨率比调整线段宽度
+        this.LastMouseStatus.MouseOnStatus=null;
 
         if (this.ChartSplashPaint && this.ChartSplashPaint.IsEnableSplash)
         {
@@ -126171,14 +126368,14 @@ function JSReportChartContainer(uielement)
         {
             var item=this.ChartPaint[i];
             if (item.IsDrawFirst)
-                item.Draw();
+                item.Draw(this.LastMouseStatus);
         }
 
         for(var i=0; i<this.ChartPaint.length; ++i)
         {
             var item=this.ChartPaint[i];
             if (!item.IsDrawFirst)
-                item.Draw();
+                item.Draw(this.LastMouseStatus);
         }
 
         if (this.GlobalOption.FlashBGCount>0)
@@ -126316,6 +126513,50 @@ function JSReportChartContainer(uielement)
         this.RequestMemberListData();
     }
 
+    //更新数据
+    this.UpdateFullData=function(data)
+    {
+        var arySymbol=[];
+        if (IFrameSplitOperator.IsNonEmptyArray(data.data))
+        {
+            //0=证券代码 1=股票名称
+            for(var i=0;i<data.data.length;++i)
+            {
+                var item=data.data[i];
+                var symbol=item[0];
+                var stock=null;
+                if (this.MapStockData.has(symbol))
+                {
+                    stock=this.MapStockData.get(symbol);
+                }
+                else
+                {
+                    stock=new HQReportItem();
+                    stock.OriginalSymbol=symbol;
+                    this.MapStockData.set(symbol, stock);
+                }
+
+                stock.Symbol=this.GetSymbolNoSuffix(symbol);
+                stock.Name=item[1];
+                this.ReadStockJsonData(stock, item);
+
+                arySymbol.push(symbol);
+            }
+        }
+
+        //设置显示数据
+        if (IFrameSplitOperator.IsNonEmptyArray(arySymbol))
+        {
+            for(var i=0;i<arySymbol.length;++i)
+            {
+                this.Data.Data.push(arySymbol[i]);
+                this.SourceData.Data.push(arySymbol[i]);
+            }
+        }
+
+        this.Draw();
+    }
+
     //设置全部的数据
     this.SetFullData=function(data)
     {
@@ -126325,6 +126566,9 @@ function JSReportChartContainer(uielement)
         this.ResetSortStatus();
         this.ResetReportSelectStatus();
 
+        this.UpdateFullData(data);
+
+        /*
         //缓存所有数据
         var arySymbol=[];
         if (IFrameSplitOperator.IsNonEmptyArray(data.data))
@@ -126365,6 +126609,7 @@ function JSReportChartContainer(uielement)
         }
 
         this.Draw();
+        */
     }
 
     this.RequestMemberListData=function()
@@ -127209,6 +127454,7 @@ function JSReportChartContainer(uielement)
         var x = (e.clientX-this.UIElement.getBoundingClientRect().left)*pixelTatio;
         var y = (e.clientY-this.UIElement.getBoundingClientRect().top)*pixelTatio;
         
+        var oldMouseOnStatus=this.LastMouseStatus.MouseOnStatus;
         this.LastMouseStatus.OnMouseMove=null;
 
         var bDrawTooltip=false;
@@ -127220,6 +127466,7 @@ function JSReportChartContainer(uielement)
         if (this.DragColumnWidth) return;
 
         var tabChart=this.GetTabChart();
+        var bDrawTab=false;
         if (tabChart)
         {
             var tabData=tabChart.PtInTab(x,y);
@@ -127229,9 +127476,18 @@ function JSReportChartContainer(uielement)
                 if (tabChart.MoveOnTabIndex!=index)
                 {
                     tabChart.MoveOnTabIndex=index;
-                    this.Draw();
+                    bDrawTab=true;
                 }
             }
+            else
+            {
+                if (tabChart.MoveOnTabIndex>=0) 
+                {
+                    tabChart.MoveOnTabIndex=-1;
+                    bDrawTab=true;
+                }
+                    
+            }
         }
 
         this.LastMouseStatus.OnMouseMove={ X:x, Y:y };
@@ -127249,12 +127505,28 @@ function JSReportChartContainer(uielement)
             }
             else
             {
-                var bottonData=report.GetButtonData(x,y)
-                if (bottonData)
+                var buttonData=report.GetButtonData(x,y);
+                var mouseOnStatus=null;
+                if (buttonData)
                 {
                     mouseStatus={ Cursor:"pointer", Name:"Botton"};
+                    if (buttonData.Type==1 || buttonData.Type==0 || buttonData.Type==2)
+                    {
+                        mouseOnStatus={ Index:buttonData.Index, ColumnIndex:buttonData.ColumnIndex };
+                    }
                 }
 
+                //console.log("[UIOnMouseMove] ", oldMouseOnStatus, mouseOnStatus)
+                if ((!oldMouseOnStatus && mouseOnStatus) || (oldMouseOnStatus && !mouseOnStatus))
+                {
+                    bDraw=true;
+                }
+                else if (oldMouseOnStatus && mouseOnStatus)
+                {
+                    if (oldMouseOnStatus.Index!=mouseOnStatus.Index || oldMouseOnStatus.ColumnIndex!=mouseOnStatus.ColumnIndex)
+                        bDraw=true;
+                }
+                   
                 var tooltipData=report.GetTooltipData(x,y);  //单元格提示信息
                 if (tooltipData)
                 {
@@ -127288,7 +127560,7 @@ function JSReportChartContainer(uielement)
 
         if (mouseStatus) this.UIElement.style.cursor=mouseStatus.Cursor;
 
-        if (bDraw) this.Draw();
+        if (bDraw || bDrawTab) this.Draw();
         else if (bDrawTooltip) this.DrawTooltip(this.LastMouseStatus.TooltipStatus);
     }
 
@@ -129138,6 +129410,7 @@ var REPORT_COLUMN_ID=
     CUSTOM_CHECKBOX_ID:104,         //自定义checkbox
     CUSTOM_BUTTON_ID:105,           //自定义按钮
     CUSTOM_PROGRESS_ID:106,         //进度条
+    CUSTOM_LINK_ID:107,              //链接
 }
 
 var MAP_COLUMN_FIELD=new Map([
@@ -129308,6 +129581,9 @@ function ChartReport()
     }
 
     this.CheckBoxConfig=CloneData(g_JSChartResource.Report.CheckBox);
+    this.LinkConfig=CloneData(g_JSChartResource.Report.Link);
+    this.ProgressBarConfig=CloneData(g_JSChartResource.Report.ProgressBar);
+    this.ButtonConfig=CloneData(g_JSChartResource.Report.Button);
 
     //股票代码+股票名称
     this.ItemSymbolFontConfig={Size:g_JSChartResource.Report.Item.SymbolFont.Size, Name:g_JSChartResource.Report.Item.SymbolFont.Name};
@@ -129351,6 +129627,8 @@ function ChartReport()
     //{ Rect:rtItem, Type: 0=checkedbox, 1=button, 2=link , Stock, Index:index, Column:column }
     this.ButtonRect=[]; 
 
+    this.LastMouseStatus;
+
     this.ReloadResource=function(resource)
     {
         this.DevicePixelRatio=GetDevicePixelRatio()
@@ -129441,6 +129719,10 @@ function ChartReport()
 
         if (this.Tab) this.Tab.ReloadResource(resource);
         if (this.VScrollbar) this.VScrollbar.ReloadResource(resource);
+
+        this.CheckBoxConfig=CloneData(g_JSChartResource.Report.CheckBox);
+        this.LinkConfig=CloneData(g_JSChartResource.Report.Link);
+        this.ProgressBarConfig=CloneData(g_JSChartResource.Report.ProgressBar);
     }
 
     this.SetColumn=function(aryColumn)
@@ -129512,7 +129794,7 @@ function ChartReport()
                 if (IFrameSplitOperator.IsNumber(item.DataIndex)) colItem.DataIndex=item.DataIndex;                  //数据在扩展数据索引列
                 if (IFrameSplitOperator.IsNumber(item.BlockIndex)) colItem.BlockIndex=item.BlockIndex;
                 if (item.CheckBox) colItem.CheckBox=CloneData(item.CheckBox);
-                else colItem.CheckBox=CloneData(g_JSChartResource.Report.CheckBox);
+                else colItem.CheckBox=this.CheckBoxConfig;
             }
             else if (item.Type==REPORT_COLUMN_ID.CUSTOM_BUTTON_ID)
             {
@@ -129520,6 +129802,7 @@ function ChartReport()
                 if (IFrameSplitOperator.IsNumber(item.DataIndex)) colItem.DataIndex=item.DataIndex;                  //数据在扩展数据索引列
                 if (IFrameSplitOperator.IsNumber(item.BlockIndex)) colItem.BlockIndex=item.BlockIndex;
                 if (item.Button) colItem.Button=CloneData(item.Button);
+                else colItem.Button=this.ButtonConfig;
             }
             else if (item.Type==REPORT_COLUMN_ID.CUSTOM_PROGRESS_ID)
             {
@@ -129527,6 +129810,15 @@ function ChartReport()
                 if (IFrameSplitOperator.IsNumber(item.DataIndex)) colItem.DataIndex=item.DataIndex;                  //数据在扩展数据索引列
                 if (IFrameSplitOperator.IsNumber(item.BlockIndex)) colItem.BlockIndex=item.BlockIndex;
                 if (item.ProgressBar) colItem.ProgressBar=CloneData(item.ProgressBar);
+                else colItem.ProgressBar=this.ProgressBarConfig;
+            }
+            else if (item.Type==REPORT_COLUMN_ID.CUSTOM_LINK_ID)
+            {
+                if (!IFrameSplitOperator.IsNumber(item.DataIndex) && !IFrameSplitOperator.IsNumber(item.BlockIndex)) continue;
+                if (IFrameSplitOperator.IsNumber(item.DataIndex)) colItem.DataIndex=item.DataIndex;                  //数据在扩展数据索引列
+                if (IFrameSplitOperator.IsNumber(item.BlockIndex)) colItem.BlockIndex=item.BlockIndex;
+                if (item.Link) colItem.Link=CloneData(item.Link);
+                else colItem.Link=this.LinkConfig;
             }
             else if (item.Type==REPORT_COLUMN_ID.CUSTOM_ICON_ID)
             {
@@ -129646,7 +129938,8 @@ function ChartReport()
             { Type:REPORT_COLUMN_ID.CUSTOM_CHECKBOX_ID, Title:"",  TextAlign:"center", FixedWidth:20*GetDevicePixelRatio() },
 
             { Type:REPORT_COLUMN_ID.CUSTOM_BUTTON_ID, Title:"", TextAlign:"center", FixedWidth:50*GetDevicePixelRatio() },
-            { Type:REPORT_COLUMN_ID.CUSTOM_PROGRESS_ID, Title:"进度条", TextAlign:"center", FixedWidth:100*GetDevicePixelRatio() }
+            { Type:REPORT_COLUMN_ID.CUSTOM_PROGRESS_ID, Title:"进度条", TextAlign:"center", FixedWidth:100*GetDevicePixelRatio() },
+            { Type:REPORT_COLUMN_ID.CUSTOM_LINK_ID, Title:"链接地址", TextAlign:"center", MaxText:"擎擎擎擎擎" }
         ];
 
         for(var i=0;i<DEFAULT_COLUMN.length;++i)
@@ -129667,12 +129960,13 @@ function ChartReport()
         this.Canvas.clip();
     }
 
-    this.Draw=function()
+    this.Draw=function(lastMouseStatus)
     {
         this.ShowSymbol=[];
         this.TooltipRect=[];
         this.ButtonRect=[];
         this.DevicePixelRatio=GetDevicePixelRatio()
+        this.LastMouseStatus=lastMouseStatus;
 
         if (this.GlobalOption) this.GlobalOption.FlashBGCount=0;
 
@@ -129704,6 +129998,7 @@ function ChartReport()
             this.VScrollbar.DrawScrollbar(this.RectClient.Left,this.RectClient.Top+this.HeaderHeight, this.RectClient.Right, bottom-this.BottomToolbarHeight-4);
         }
 
+        this.LastMouseStatus=null;
         this.SizeChange=false;
     }
 
@@ -130343,7 +130638,7 @@ function ChartReport()
         for(var i=0;i<this.FixedColumn && i<this.Column.length;++i)
         {
             var item=this.Column[i];
-            this.DrawItem(dataIndex, data, item, left, top, rowType);
+            this.DrawItem(dataIndex, data, item, left, top, rowType, i);
             left+=item.Width;
 
             if (left>=chartRight) break;
@@ -130352,20 +130647,24 @@ function ChartReport()
         for(var i=this.FixedColumn+this.Data.XOffset;i<this.Column.length;++i)
         {
             var item=this.Column[i];
-            this.DrawItem(dataIndex, data, item, left, top, rowType);
+            this.DrawItem(dataIndex, data, item, left, top, rowType, i);
             left+=item.Width;
 
             if (left>=chartRight) break;
         }
     }
 
-    this.DrawItem=function(index, data, column, left, top, rowType)
+    this.DrawItem=function(index, data, column, left, top, rowType, columnIndex)
     {
         var itemWidth=column.Width;
         var x=left+this.ItemMergin.Left;
         var textWidth=column.Width-this.ItemMergin.Left-this.ItemMergin.Right;
         var stock=data.Stock;
-        var drawInfo={ Text:null, TextColor:column.TextColor , TextAlign:column.TextAlign, Tooltip:null };
+        var drawInfo=
+        { 
+            Text:null, TextColor:column.TextColor , TextAlign:column.TextAlign, Tooltip:null, 
+            Index:index, ColumnIndex:columnIndex
+        };
         var rtItem={ Left:left, Top:top,  Width:column.Width, Height:this.RowHeight };
         rtItem.Right=rtItem.Left+rtItem.Width;
         rtItem.Bottom=rtItem.Top+rtItem.Height;
@@ -130628,6 +130927,10 @@ function ChartReport()
             
             this.GetCustomProgressBarDrawInfo(data, column, drawInfo);
         }
+        else if (column.Type==REPORT_COLUMN_ID.CUSTOM_LINK_ID)
+        {
+            this.GetCustomLinkDrawInfo(data, column, drawInfo);
+        }
         
 
         //拖拽行颜色
@@ -130654,6 +130957,10 @@ function ChartReport()
         {
             this.DrawProgressBar(drawInfo, left, top, itemWidth);
         }
+        else if (column.Type==REPORT_COLUMN_ID.CUSTOM_LINK_ID)
+        {
+            this.DrawLinkText(drawInfo, x, top, textWidth);
+        }
         else
         {
             if (data.FlashBG && data.FlashBG.Data && column.ID!=undefined)
@@ -130687,7 +130994,7 @@ function ChartReport()
 
         if (drawInfo.Botton)
         {
-            var buttonData={ Stock:stock, Index:index, Column:column, Rect:drawInfo.Botton.Rect, Type:drawInfo.Botton.Type, Data:drawInfo.Data };
+            var buttonData={ Stock:stock, Index:index, ColumnIndex:columnIndex, Column:column, Rect:drawInfo.Botton.Rect, Type:drawInfo.Botton.Type, Data:drawInfo.Data };
             this.ButtonRect.push(buttonData);
         }
     }
@@ -130985,6 +131292,20 @@ function ChartReport()
         if (barData.BGColor) drawInfo.BGColor=barData.BGColor;
     }
 
+    this.GetCustomLinkDrawInfo=function(data, column, drawInfo)
+    {
+        var linkData=this.GetExtendData(data, column);
+        if (!linkData) return;
+
+        drawInfo.Text=linkData.Title;
+        drawInfo.Link=column.Link;
+        drawInfo.Enable=true;
+        drawInfo.Data=linkData;
+        drawInfo.MaxText=column.MaxText;
+        if (IFrameSplitOperator.IsBool(linkData.Enable)) drawInfo.Enable=linkData.Enable;
+        if (linkData.TextColor) drawInfo.TextColor=linkData.TextColor;
+    }
+
     this.FormaTimeDrawInfo=function(column, stock, drawInfo, data)
     {
         if (!IFrameSplitOperator.IsNumber(stock.Time)) return;
@@ -131254,35 +131575,57 @@ function ChartReport()
         if (!IFrameSplitOperator.IsBool(drawInfo.Checked)) return;
         if (!drawInfo.CheckBox) return;
 
-        drawInfo.Font=`${drawInfo.CheckBox.Size*this.DevicePixelRatio}px ${drawInfo.CheckBox.Family}`;
+        var config=drawInfo.CheckBox;
+        drawInfo.Font=`${config.Size*this.DevicePixelRatio}px ${config.Family}`;
         var textAlign=drawInfo.TextAlign;
         var size=drawInfo.CheckBox.Size*this.DevicePixelRatio;
         var x=left+drawInfo.CheckBox.Margin.Left;
         var y=top+this.RowHeight-drawInfo.CheckBox.Margin.Bottom;
+
         if (textAlign=='center') x=left+width/2-size/2;
-        else if (textAlign=='right') x=left+width-drawInfo.CheckBox.Margin.Right;
+        else if (textAlign=='right') x=left+width-config.Margin.Right;
+
+        var rtBox={ Left:x, Bottom:y, Width:size, Height:size };
+        rtBox.Right=rtBox.Left+rtBox.Width;
+        rtBox.Top=rtBox.Bottom-rtBox.Height;
+
+        //鼠标在上面
+        var bMouseOn=false;
+        if (drawInfo.Enable && this.LastMouseStatus && this.LastMouseStatus.OnMouseMove)
+        {
+            var xMouse=this.LastMouseStatus.OnMouseMove.X;
+            var yMouse=this.LastMouseStatus.OnMouseMove.Y;
+            if (xMouse>rtBox.Left && xMouse<rtBox.Right && yMouse>rtBox.Top && yMouse<rtBox.Bottom)
+            {
+                bMouseOn=true;
+                this.LastMouseStatus.MouseOnStatus={ Index:drawInfo.Index, ColumnIndex:drawInfo.ColumnIndex, Type:0 };
+            }
+        }
 
         this.Canvas.font=drawInfo.Font;
         this.Canvas.textBaseline="bottom";
         this.Canvas.textAlign="left";
         if (drawInfo.Checked===true)
         {
-            if (drawInfo.Enable===false)  this.Canvas.fillStyle=drawInfo.CheckBox.Checked.DisableColor;
-            else this.Canvas.fillStyle=drawInfo.CheckBox.Checked.Color;
-            this.Canvas.fillText(drawInfo.CheckBox.Checked.Symbol,x,y);
+            var textColor=config.Checked.Color;
+            if (drawInfo.Enable===false) textColor=config.Checked.DisableColor;
+            else if (bMouseOn) textColor=config.Checked.MouseOnColor;
+
+            this.Canvas.fillStyle=textColor;
+            this.Canvas.fillText(config.Checked.Symbol,x,y);
         }
         else if (drawInfo.Checked===false)
         {
-            if (drawInfo.Enable===false)  this.Canvas.fillStyle=drawInfo.CheckBox.Unchecked.DisableColor;
-            else this.Canvas.fillStyle=drawInfo.CheckBox.Unchecked.Color;
-            this.Canvas.fillText(drawInfo.CheckBox.Unchecked.Symbol,x,y);
+            var textColor=config.Unchecked.Color;
+            if (drawInfo.Enable===false)  textColor=config.Unchecked.DisableColor;
+            else if (bMouseOn) textColor=config.Unchecked.MouseOnColor;
+
+            this.Canvas.fillStyle=textColor;
+            this.Canvas.fillText(config.Unchecked.Symbol,x,y);
         }
 
         if (drawInfo.Enable)
         {
-            var rtBox={ Left:x, Bottom:y, Width:size, Height:size };
-            rtBox.Right=rtBox.Left+rtBox.Width;
-            rtBox.Top=rtBox.Bottom-rtBox.Height;
             drawInfo.Botton={ Rect:rtBox, Type:0 };
         }
     }
@@ -131291,6 +131634,7 @@ function ChartReport()
     {
         if (!drawInfo.Button) return;
 
+        var config=drawInfo.Button;
         var rtBG=
         { 
             Left:left+drawInfo.Button.Margin.Left, Top:top+drawInfo.Button.Margin.Top, 
@@ -131300,11 +131644,26 @@ function ChartReport()
         rtBG.Right=rtBG.Left+rtBG.Width;
         rtBG.Bottom=rtBG.Top+rtBG.Height;
 
-        var bgColor=drawInfo.Button.BGColor, textColor=drawInfo.Button.TextColor;
+        var bgColor=config.BGColor, textColor=config.TextColor;
         if (drawInfo.Enable===false)
         {
-            bgColor=drawInfo.Button.Disable.BGColor;
-            textColor=drawInfo.Button.Disable.TextColor;
+            bgColor=config.Disable.BGColor;
+            textColor=config.Disable.TextColor;
+        }
+        else
+        {
+            if (this.LastMouseStatus && this.LastMouseStatus.OnMouseMove && config.MouseOn)
+            {
+                var x=this.LastMouseStatus.OnMouseMove.X;
+                var y=this.LastMouseStatus.OnMouseMove.Y;
+                if (x>rtBG.Left && x<rtBG.Right && y>rtBG.Top && y<rtBG.Bottom)
+                {
+                    bgColor=config.MouseOn.BGColor;
+                    textColor=config.MouseOn.TextColor;
+
+                    this.LastMouseStatus.MouseOnStatus={ Index:drawInfo.Index, ColumnIndex:drawInfo.ColumnIndex, Type:1 };
+                }
+            }
         }
 
         this.Canvas.fillStyle=bgColor;
@@ -131388,6 +131747,81 @@ function ChartReport()
         }
     }
 
+    this.DrawLinkText=function(drawInfo, left, top, width)
+    {
+        if (!drawInfo.Link || !drawInfo.Text) return;
+
+        var config=drawInfo.Link;
+        var text=drawInfo.Text;
+        var textAlign=drawInfo.TextAlign;
+        var font=config.Font;
+        var color=config.TextColor;
+
+       
+
+        this.Canvas.font=font;
+        var textWidth=this.Canvas.measureText(text).width;
+        var textHeight=this.Canvas.measureText("擎").width;
+        var x=left;
+        if (width>=textWidth)
+        {
+            if (textAlign=='center') x=left+(width-textWidth)/2;
+            else if (textAlign=='right') x=left+width-textWidth;
+        }
+        else
+        {
+            text=this.TextEllipsis(text, width, drawInfo.MaxText);
+            textWidth=this.Canvas.measureText(text).width;
+
+            //数据截断提示信息
+            drawInfo.Tooltip=
+            { 
+                Type:2, 
+                Data:{ AryText:[ {Text:drawInfo.Text} ] }
+            }
+        }
+
+        var rtText={Left:x, Bottom:top+this.RowHeight-this.ItemMergin.Bottom, Height:textHeight, Width:textWidth };
+        rtText.Right=rtText.Left+rtText.Width;
+        rtText.Top=rtText.Bottom-rtText.Height;
+
+        var drawLine=false; //下划线
+        if (drawInfo.Enable===false) 
+        {
+            color=config.Disable.TextColor;
+        }
+        else if (this.LastMouseStatus && this.LastMouseStatus.OnMouseMove && config.MouseOn)
+        {
+            var x=this.LastMouseStatus.OnMouseMove.X;
+            var y=this.LastMouseStatus.OnMouseMove.Y;
+            if (x>rtText.Left && x<rtText.Right && y>rtText.Top && y<rtText.Bottom)
+            {
+                color=config.MouseOn.TextColor;
+                drawLine=true;
+                this.LastMouseStatus.MouseOnStatus={ Index:drawInfo.Index, ColumnIndex:drawInfo.ColumnIndex, Type:2 };
+            }
+        }
+
+        this.Canvas.textBaseline="bottom";
+        this.Canvas.textAlign="left";
+        this.Canvas.fillStyle=color;
+        this.Canvas.fillText(text,rtText.Left, rtText.Bottom);
+
+        if (drawLine)
+        {
+            this.Canvas.strokeStyle=color;
+            this.Canvas.beginPath();
+            this.Canvas.moveTo(rtText.Left,rtText.Bottom);
+            this.Canvas.lineTo(rtText.Right,rtText.Bottom);
+            this.Canvas.stroke();
+        }
+
+        if (drawInfo.Enable)
+        {
+            drawInfo.Botton={ Rect:rtText, Type:2 };
+        }
+    }
+
     //字体由外面设置
     this.TextEllipsis=function(text, maxWidth, maxText)
     {
@@ -132100,6 +132534,14 @@ function ChartReport()
             status.Redraw=true;
             return true;
         }
+        else if (buttonData.Type===2)   //link
+        {
+            var sendData={ Column:buttonData.Column, Index:buttonData.Index, Stock:buttonData.Stock, Data:buttonData.Data };
+            this.SendClickEvent(JSCHART_EVENT_ID.ON_CLICK_REPORT_LINK, sendData)
+
+            status.Redraw=true;
+            return true;
+        }
         
         return false;
     }
@@ -132354,7 +132796,7 @@ function ChartReport()
 
             if (x>=rt.Left && x<=rt.Right && y>=rt.Top && y<=rt.Bottom)
             {
-                return { Rect:item.Rect, Stock:item.Stock, Column:item.Column, Index:item.Index, Type:item.Type, Data:item.Data };
+                return { Rect:item.Rect, Stock:item.Stock, Column:item.Column, Index:item.Index, Type:item.Type, Data:item.Data, ColumnIndex:item.ColumnIndex };
             }
         }
     }
@@ -137193,26 +137635,36 @@ function JSScrollBarChart(divElement)
 {
     this.DivElement=divElement;
     this.JSChartContainer;              //表格控件
+    this.ResizeListener;
 
-     //h5 canvas
-     this.CanvasElement=document.createElement("canvas");
-     this.CanvasElement.className='jsscrollbar-drawing';
-     this.CanvasElement.id=Guid();
-     this.CanvasElement.setAttribute("tabindex",0);
-     if (this.CanvasElement.style) this.CanvasElement.style.outline='none';
-     if(divElement.hasChildNodes())
-     {
-         JSConsole.Chart.Log("[JSScrollBarChart::JSScrollBarChart] divElement hasChildNodes", divElement.childNodes);
-     }
-     divElement.appendChild(this.CanvasElement);
+    //h5 canvas
+    this.CanvasElement=document.createElement("canvas");
+    this.CanvasElement.className='jsscrollbar-drawing';
+    this.CanvasElement.id=Guid();
+    this.CanvasElement.setAttribute("tabindex",0);
+    if (this.CanvasElement.style) this.CanvasElement.style.outline='none';
+    if(divElement.hasChildNodes())
+    {
+        JSConsole.Chart.Log("[JSScrollBarChart::JSScrollBarChart] divElement hasChildNodes", divElement.childNodes);
+    }
+    divElement.appendChild(this.CanvasElement);
 
 
     this.OnSize=function()
     {
         //画布大小通过div获取
-        var height=parseInt(this.DivElement.style.height.replace("px",""));
+        var height=this.DivElement.offsetHeight;
+        var width=this.DivElement.offsetWidth;
+        if (this.DivElement.style.height && this.DivElement.style.width)
+        {
+            if (this.DivElement.style.height.includes("px"))
+                height=parseInt(this.DivElement.style.height.replace("px",""));
+            if (this.DivElement.style.width.includes("px"))
+                width=parseInt(this.DivElement.style.width.replace("px",""));
+        }  
+
         this.CanvasElement.height=height;
-        this.CanvasElement.width=parseInt(this.DivElement.style.width.replace("px",""));
+        this.CanvasElement.width=width;
         this.CanvasElement.style.width=this.CanvasElement.width+'px';
         this.CanvasElement.style.height=this.CanvasElement.height+'px';
 
@@ -137234,12 +137686,14 @@ function JSScrollBarChart(divElement)
 
         if (!chart) return false;
 
+        this.JSChartContainer=chart;
+        this.DivElement.JSChart=this;   //div中保存一份
+
+        if (option.EnableResize==true) this.CreateResizeListener();
+
         if (option.OnCreatedCallback) option.OnCreatedCallback(chart);
 
         chart.Draw();
-
-        this.JSChartContainer=chart;
-        this.DivElement.JSChart=this;   //div中保存一份
     }
 
     this.CreateJSScrollBarChartContainer=function(option)
@@ -137284,6 +137738,18 @@ function JSScrollBarChart(divElement)
         if (IFrameSplitOperator.IsBool(item.AutoRight)) chart.AutoMargin.Right=item.AutoRight;
     }
 
+    this.CreateResizeListener=function()
+    {
+        this.ResizeListener = new ResizeObserver((entries)=>{ this.OnDivResize(entries); });
+        this.ResizeListener.observe(this.DivElement);
+    }
+
+    this.OnDivResize=function(entries)
+    {
+        JSConsole.Chart.Log("[JSScrollBarChart::OnDivResize] entries=", entries);
+        this.OnSize( );
+    }
+
     /////////////////////////////////////////////////////////////////////////////
     //对外接口
     
@@ -137429,6 +137895,11 @@ function JSScrollBarChartContainer(uielement)
         this.IsDestroy=true;
     }
 
+    this.GetHQChart=function()
+    {
+        return this.HQChart;
+    }
+
     //设置事件回调
     //{event:事件id, callback:回调函数}
     this.AddEventCallback=function(object)
@@ -137507,6 +137978,36 @@ function JSScrollBarChartContainer(uielement)
         //this.UIElement.ontouchend=(e)=> {this.OnTouchEnd(e); } 
     }
 
+    //创建一个图形
+    this.CreateChartPaint=function(name)
+    {
+        var chart=g_ChartPaintFactory.Create(name);
+        if (!chart) return null;
+
+        chart.ChartFrame=this.Frame;
+        chart.ChartBorder=this.Frame.ChartBorder;
+        chart.Canvas=this.Canvas;
+        chart.Data=this.Frame.Data;
+        chart.GetEventCallback=(id)=> { return this.GetEventCallback(id); }
+        chart.GetHQChartCallback=()=>{ return this.GetHQChart(); }
+
+        return chart;
+    }
+
+    this.GetChartPaintByClassName=function(name)
+    {
+        for(var i=0; i<this.ChartPaint.length; ++i)
+        {
+            var item=this.ChartPaint[i];
+            if (item.ClassName==name)
+            {
+                return { Chart:item, Index:i };
+            }
+        }
+
+        return null;
+    }
+
     this.Draw=function()
     {
         if (this.UIElement.width<=0 || this.UIElement.height<=0) return; 
@@ -139010,7 +139511,8 @@ function JSDialogDrawTool()
                 { Title: '标价线', ClassName: 'hqchart_drawtool icon-price_line', Type:0, Data:{ ID:"标价线" } },
                 { Title: '垂直线', ClassName: 'hqchart_drawtool icon-vertical_line', Type:0, Data:{ ID:"垂直线" } },
                 { Title: '十字线', ClassName: 'hqchart_drawtool icon-tubiao_shizixian', Type:0, Data:{ ID:"十字线" } },
-                { Title: '箭头', ClassName: 'hqchart_drawtool icon-draw_rays', Type:0, Data:{ ID:"箭头" } },
+                { Title: '箭头', ClassName: 'hqchart_drawtool icon-bottom-arrow-solid', Type:0, Data:{ ID:"箭头" } },
+                { Title: '大箭头', ClassName: 'hqchart_drawtool icon-big_arrow', Type:0, Data:{ ID:"ArrowMarker" } },
                 { Title: '趋势线', ClassName: 'hqchart_drawtool icon-draw_trendline', Type:0, Data:{ ID:"趋势线" } },
                 { Title: '水平线', ClassName: 'hqchart_drawtool icon-draw_hline', Type:0, Data:{ ID:"水平线" } },
                 { Title: '水平射线', ClassName: 'hqchart_drawtool icon-tubiao_shuipingshexian', Type:0, Data:{ ID:"水平射线" } },
@@ -140101,7 +140603,7 @@ function HQChartScriptWorker()
 
 
 
-var HQCHART_VERSION="1.1.13576";
+var HQCHART_VERSION="1.1.13587";
 
 function PrintHQChartVersion()
 {