hqchart 1.1.14161 → 1.1.14172

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

@@ -7008,9 +7008,14 @@ function JSChartContainer(uielement, OffscreenElement, cacheElement)
     { 
         IsValueFullRange:false , 
         IsDisplayLatest:false, 
-        SelectedBorder:{ Mode:0, SelFrame:0 },                      //边框选中模式  Mode:0=禁用 1=右侧标记选中 2=指标窗口标记选中
-        SelectedXBorder: { Mode:0, Date:null }          //X边框选中模式 Mode:0=禁用 分时图图有效
+        SelectedBorder:{ Mode:0, SelFrame:0 },          //边框选中模式  Mode:0=禁用 1=右侧标记选中 2=指标窗口标记选中
+        SelectedXBorder: { Mode:0, Date:null },         //X边框选中模式 Mode:0=禁用 分时图图有效
          //XDateFormat (多日分时图x轴底部日期格式)
+        RightHorizontal:
+        { 
+            //Show:true, 
+            //Width:5 
+        }          //右侧框架外部坐标和间距
     };  
 
     this.VerticalDrag;              //通过X轴左右拖动数据(手势才有)
@@ -15800,6 +15805,23 @@ function AverageWidthFrame()
         }
     }
 
+    this.IsShowRightHorizontal=function()
+    {
+        var borderRight=this.ChartBorder.Right;
+        if (borderRight<=10) return false;
+
+        if (this.YTextPosition[1]==2) return false;
+        if (this.IsShowYText[1]===false) return false;
+
+        if (this.GlobalOption && this.GlobalOption.RightHorizontal)
+        {
+            var item=this.GlobalOption.RightHorizontal;
+            if (item.Show===false) return false;
+        }
+
+        return true;
+    }
+
     //画Y轴
     this.DrawHorizontal=function()
     {
@@ -15816,7 +15838,8 @@ function AverageWidthFrame()
         var borderLeft=this.ChartBorder.Left;
 
         var isDrawLeft=borderLeft>10 && this.IsShowYText[0]===true && this.YTextPosition[0]!=2;
-        var isDrawRight=borderRight>10 && this.IsShowYText[1]===true && this.YTextPosition[1]!=2;
+        //var isDrawRight=borderRight>10 && this.IsShowYText[1]===true && this.YTextPosition[1]!=2;
+        var isDrawRight=this.IsShowRightHorizontal();
 
         var rightExtendLine=null;   //右侧延长线
         var leftExtendLine=null;    //左侧延长线
@@ -17815,7 +17838,8 @@ function AverageWidthFrame()
             var borderRight=this.ChartBorder.Right;
             var borderLeft=this.ChartBorder.Left;
             var isDrawLeft=borderLeft>10 && this.IsShowYText[0]===true && this.YTextPosition[0]!=2;
-            var isDrawRight=borderRight>10 && this.IsShowYText[1]===true && this.YTextPosition[1]!=2;
+            //var isDrawRight=borderRight>10 && this.IsShowYText[1]===true && this.YTextPosition[1]!=2;
+            isDrawRight=this.IsShowRightHorizontal();
         }
        
         if (!isDrawRight && !isDrawLeft) return null;
@@ -47713,7 +47737,7 @@ function StockInfoExtendChartPaint()
             this.Canvas.textAlign="left";
             this.Canvas.fillText(this.Name,middle+2,y);
         }
-        ;
+        
         this.Canvas.strokeStyle=this.BorderColor;
         this.Canvas.moveTo(left,y);
         this.Canvas.lineTo(right,y);
@@ -48494,6 +48518,133 @@ function StockChip()
     }
 }
 
+//筹码分布手机版
+function StockChipPhone()
+{
+    this.newMethod=StockChip;   //派生
+    this.newMethod();
+    delete this.newMethod;
+
+    this.Name='筹码分布手机版';
+    this.ClassName='StockChipPhone';
+    this.ShowType=0;    //0=所有筹码  手机版只支持0
+
+    this.Draw=function()
+    {
+        this.ShowType=0;
+        this.PixelRatio=GetDevicePixelRatio();
+        var left=ToFixedPoint(this.ChartBorder.GetRight()+this.Left);
+        var top=ToFixedPoint(this.ChartBorder.GetTop());
+        var right=ToFixedPoint(left+this.Width-1*this.PixelRatio);
+        var bottom=ToFixedPoint(this.ChartBorder.GetBottom());
+        var width=right-left;
+        var height=bottom-top;
+        this.ClientRect={Left:left,Top:top,Width:width,Height:height};
+
+        if (ChartData.IsTickPeriod(this.HQChart.Period))
+        {
+
+        }
+        else
+        {
+            if (this.CalculateChip())
+            {
+                this.DrawFrame();
+                this.DrawAllChip();
+        
+                this.CalculateCast();   //计算成本  
+                this.DrawChipInfo();      
+            }
+        }
+
+        this.DrawBorder();
+        this.SizeChange=false;
+    }
+
+    this.DrawToolbar=function(moveonPoint, mouseStatus)
+    {
+
+    }
+
+    this.GetChipInfoTitle=function()
+    {
+        var aryText=[]; //从底部往上
+
+        var item={ Title:"日期:", Text:IFrameSplitOperator.FormatDateString(this.Data.SelectData.Date) };
+        aryText.push(item);
+
+        var item={ Title:"集中度:", Text:"--.--%", };
+        if (IFrameSplitOperator.IsNonEmptyArray(this.Data.Cast)) item.Text=`${this.Data.Cast[0].Rate.toFixed(2)}%`;
+        aryText.push(item);
+
+        var item={ Title:"90%成本:", Text:"--.--", };
+        if (IFrameSplitOperator.IsNonEmptyArray(this.Data.Cast)) item.Text=`${this.Data.Cast[0].MinPrice.toFixed(2)}-${this.Data.Cast[0].MaxPrice.toFixed(2)}`;
+        aryText.push(item);
+
+
+        var item={ Title:"平均成本：:", Text:"--.--",  };
+        if (this.Data.ChipInfo && IFrameSplitOperator.IsNumber(this.Data.ChipInfo.AveragePrice)) item.Text=`${this.Data.ChipInfo.AveragePrice.toFixed(2)}`;
+
+        if (IFrameSplitOperator.IsNumber(this.Data.YPrice) && IFrameSplitOperator.IsNumber(this.Data.ChipInfo.YProfitRate))
+        {
+            var item={ Title:`${this.Data.YPrice.toFixed(2)}获利:`, Text:`${this.Data.ChipInfo.YProfitRate.toFixed(2)}%` };
+            aryText.push(item);
+        }
+
+        return aryText;
+    }
+
+    this.DrawChipInfo=function()    
+    {
+        var aryText=this.GetChipInfoTitle();
+        if (!IFrameSplitOperator.IsNonEmptyArray(aryText)) return;
+
+        var bottom=this.ClientRect.Top+this.ClientRect.Height-1;
+        var left=this.ClientRect.Left+2;
+        var right=this.ClientRect.Left+this.ClientRect.Width;
+
+        this.Canvas.font=this.Font;
+        this.Canvas.fillStyle=this.InfoColor;
+        this.Canvas.textBaseline='bottom';
+        this.Canvas.textAlign='left';
+
+        var lineHeight=this.LineHeight*GetDevicePixelRatio();
+        var yText=bottom;
+        for(var i=0;i<aryText.length;++i)
+        {
+            var item=aryText[i];
+
+            var textColor=item.TitleColor;
+            if (item.TitleColor) textColor=item.TitleColor;
+            this.Canvas.fillStyle=textColor;
+            this.Canvas.fillText(item.Title,left,yText);
+            var textWidth=this.Canvas.measureText(item.Title).width+4;
+            var xText=left+textWidth;
+
+            var textColor=item.TitleColor;
+            if (item.TextColor) textColor=item.TextColor;
+            this.Canvas.fillStyle=textColor;
+            this.Canvas.fillText(item.Text,xText,yText);
+
+            yText-=lineHeight;
+        }
+        
+        var text='获利比例：';
+        this.Canvas.fillText(text,left,yText);
+        var textWidth=this.Canvas.measureText(text).width+2;
+        var barLeft=left+textWidth;
+        var barWidth=(right-5-barLeft);
+        this.Canvas.strokeStyle=this.ColorNoProfit;
+        this.Canvas.strokeRect(barLeft,yText-lineHeight,barWidth,lineHeight);
+        this.Canvas.strokeStyle=this.ColorProfit;
+        this.Canvas.strokeRect(barLeft,yText-lineHeight,barWidth*(this.Data.ChipInfo.ProfitRate/100),lineHeight);
+        text=this.Data.ChipInfo.ProfitRate.toFixed(2)+'%';
+        this.Canvas.textAlign='center';
+        this.Canvas.fillText(text,barLeft+barWidth/2,yText);
+        yText-=lineHeight;
+    }
+}
+
 //窗口分割
 function FrameSplitPaint()
 {
@@ -81030,6 +81181,7 @@ function KLineChartContainer(uielement,OffscreenElement, cacheElement)
         switch(name)
         {
             case '筹码分布':
+            case "StockChip":
                 chart=new StockChip();
                 chart.Canvas=this.Canvas;
                 chart.ChartBorder=this.Frame.ChartBorder;
@@ -81040,6 +81192,18 @@ function KLineChartContainer(uielement,OffscreenElement, cacheElement)
                 this.ExtendChartPaint.push(chart);
                 this.Frame.ChartBorder.Right+=chart.Width;  //创建筹码需要增加右边的间距
                 return chart;
+            case "StockChipPhone":
+                chart=new StockChipPhone();
+                chart.Canvas=this.Canvas;
+                chart.ChartBorder=this.Frame.ChartBorder;
+                chart.ChartFrame=this.Frame;
+                chart.HQChart=this;
+                chart.Left=this.Frame.ChartBorder.Right;    //左边间距使用当前框架间距
+                chart.SetOption(option);
+                this.ExtendChartPaint.push(chart);
+                this.Frame.ChartBorder.Right+=chart.Width;  //创建筹码需要增加右边的间距
+                this.GlobalOption.RightHorizontal.Show=false;
+                return chart;
             case 'KLineTooltip':
                 if (option.Create && typeof(option.Create)=='function') chart=option.Create();
                 else chart=new KLineTooltipPaint();
@@ -129126,6 +129290,8 @@ function JSReportChartContainer(uielement)
     //去掉右键菜单
     this.UIOnContextMenu=function(e)
     {
+        e.preventDefault();
+        
         if (this.ChartSplashPaint && this.ChartSplashPaint.IsEnableSplash == true) return;
 
         if (!this.IsShowRightMenu) return;
@@ -129138,7 +129304,7 @@ function JSReportChartContainer(uielement)
 
     this.OnRightMenu=function(x,y,e)
     {
-        e.preventDefault();
+       
     }
 
     this.UIOnMouseMove=function(e)
@@ -136706,10 +136872,11 @@ function JSTReportChartContainer(uielement)
         this.UIElement.onmousemove=(e)=>{ this.UIOnMouseMove(e);}
         this.UIElement.onmouseout=(e)=>{ this.UIOnMounseOut(e); }
         this.UIElement.onmouseleave=(e)=>{ this.UIOnMouseleave(e); }
+        this.UIElement.oncontextmenu=(e)=> { this.UIOnContextMenu(e); }
 
         /*
         this.UIElement.onmouseup=(e)=>{ this.UIOnMounseUp(e); }
-        this.UIElement.oncontextmenu=(e)=> { this.UIOnContextMenu(e); }
+        
         
 
         //手机拖拽
@@ -137161,6 +137328,7 @@ function JSTReportChartContainer(uielement)
 
         if (item[32]) stock.CloseLine=item[32];                     //32=收盘价线
         if (item[33]) stock.KLine=item[33];                         //33=K线
+        if (item[34]) stock.ExePrice=item[34];                      //34=行权价设置 { BGColor:背景色, Text:, TextColor }
 
         //10个数值型 101-199
         if (IFrameSplitOperator.IsNumber(item[101])) stock.ReserveNumber1=item[101];
@@ -137358,6 +137526,21 @@ function JSTReportChartContainer(uielement)
         this.HideMinuteChartTooltip();
     }
 
+    this.UIOnContextMenu=function(e)
+    {
+        e.preventDefault();
+        
+        var x = e.clientX-this.UIElement.getBoundingClientRect().left;
+        var y = e.clientY-this.UIElement.getBoundingClientRect().top;
+
+        this.OnRightMenu(x,y,e);   //右键菜单事件
+    }
+
+    this.OnRightMenu=function(x,y,e)
+    {
+        
+    }
+
     //点表头
     this.OnClickHeader=function(clickData, e)
     {
@@ -137970,6 +138153,8 @@ var TREPORT_COLUMN_ID=
     NAME_EX_ID:27,          //扩展名字
     CLOSE_LINE_ID:28,       //收盘价线
     KLINE_ID:29,            //K线
+
+    EXE_PRICE_EX_ID:30,       //行权价格 扩张设置
     
     //预留数值类型 10个  201-299
     RESERVE_NUMBER1_ID:201,         //ReserveNumber1:
@@ -138016,6 +138201,7 @@ var MAP_TREPORT_COLUMN_FIELD=new Map(
     [TREPORT_COLUMN_ID.AVERAGE_PRICE_ID,"AvPrice"],
     [TREPORT_COLUMN_ID.POSITION_ID,"Position"],
     [TREPORT_COLUMN_ID.AMPLITUDE_ID,"Amplitude"],
+    [TREPORT_COLUMN_ID.EXE_PRICE_EX_ID, "ExePrice"],
 
     [TREPORT_COLUMN_ID.RESERVE_NUMBER1_ID,"ReserveNumber1"],
     [TREPORT_COLUMN_ID.RESERVE_NUMBER2_ID,"ReserveNumber2"],
@@ -138698,6 +138884,55 @@ function ChartTReport()
         }
     }
 
+    this.FormatCenterItem=function(data,drawInfo)
+    {
+        if (!data || !data.TData) return;
+        var leftData=this.GetExePriceExtendData(data.TData.LeftData);
+        var rightData=this.GetExePriceExtendData(data.TData.RightData);
+
+        if (leftData)
+        {
+            if (leftData.BGColor) drawInfo.BGColor=leftData.BGColor;
+            if (leftData.TitleColor) drawInfo.TextColor=leftData.TitleColor;
+            if (leftData.Text && leftData.TextColor)
+            {
+                drawInfo.Left={ Text:leftData.Text, TextColor:leftData.TextColor};
+            }
+            else if (leftData.IconFont && leftData.TextColor)
+            {
+                drawInfo.Left={ IconFont:leftData.IconFont, TextColor:leftData.TextColor};
+            }
+           
+        }
+
+        if (rightData)
+        {
+            if (rightData.BGColor) drawInfo.BGColor=rightData.BGColor;
+            if (rightData.TitleColor) drawInfo.TextColor=rightData.TitleColor;
+
+            if (rightData.Text && rightData.TextColor)
+            {
+                drawInfo.Right={ Text:rightData.Text, TextColor:rightData.TextColor};
+            }
+            else if (rightData.IconFont && rightData.TextColor)
+            {
+                drawInfo.Right={ IconFont:rightData.IconFont, TextColor:rightData.TextColor};
+            }
+        }
+    }
+
+    //行权价列扩展信息
+    this.GetExePriceExtendData=function(data)
+    {
+        if (!data) return null;
+
+        var fieldName=MAP_TREPORT_COLUMN_FIELD.get(TREPORT_COLUMN_ID.EXE_PRICE_EX_ID);
+        if (!fieldName) return null;
+
+        var value=data[fieldName];
+        return value;
+    }
+
     this.DrawCenterItem=function(index, data, column, rtItem, cellType) //cellType 0=中间字段 1=左侧 2=右侧
     {
         //tooltip提示
@@ -138710,6 +138945,10 @@ function ChartTReport()
         var drawInfo={ Text:null, TextColor:this.CenterItemConfig.TextColor, BGColor:this.CenterItemConfig.BGColor, TextAlign:column.TextAlign, Rect:rtItem, RectText:rtText };
         drawInfo.Text=`${data.ExePrice.toFixed(data.Decimal)}`;
 
+        this.FormatCenterItem(data,drawInfo);
+
+       
+
         this.DrawCell(drawInfo);
     }
 
@@ -138951,7 +139190,7 @@ function ChartTReport()
     {
         var rtText=drawInfo.RectText;
         var yCenter=rtText.Top+(rtText.Height/2);
-
+        var fontBackup=null;    //字体备份
         if (drawInfo.BGColor)   //背景
         {
             var rtItem=drawInfo.Rect;
@@ -138978,6 +139217,44 @@ function ChartTReport()
             if(drawInfo.TextColor) this.Canvas.fillStyle=drawInfo.TextColor;
             this.DrawText(drawInfo.Text, drawInfo.TextAlign, rtText.Left, yCenter, rtText.Width);
         }
+
+        if (drawInfo.Left)
+        {
+            var item=drawInfo.Left;
+            this.Canvas.textAlign="left";
+            this.Canvas.textBaseline="middle";
+            this.Canvas.fillStyle=item.TextColor;
+            if (item.IconFont)
+            {
+                if (!fontBackup) fontBackup=this.Canvas.font;
+                this.Canvas.font=item.IconFont.Font;
+                this.Canvas.fillText(item.IconFont.Symbol,rtText.Left,yCenter);
+            }
+            else if (item.Text)
+            {
+                this.Canvas.fillText(item.Text,rtText.Left,yCenter);
+            }
+        }
+
+        if (drawInfo.Right)
+        {
+            var item=drawInfo.Right;
+            this.Canvas.textAlign="right";
+            this.Canvas.textBaseline="middle";
+            this.Canvas.fillStyle=item.TextColor;
+            if (item.IconFont)
+            {
+                if (!fontBackup) fontBackup=this.Canvas.font;
+                this.Canvas.font=item.IconFont.Font;
+                this.Canvas.fillText(item.IconFont.Symbol,rtText.Right,yCenter);
+            }
+            else if (item.Text)
+            {
+                this.Canvas.fillText(item.Text,rtText.Right,yCenter);
+            }
+        }
+
+        if (fontBackup) this.Canvas.font=fontBackup;
     }
 
     this.GetTooltipData=function(x,y)
@@ -149023,7 +149300,7 @@ function HQChartScriptWorker()
 
 
 
-var HQCHART_VERSION="1.1.14160";
+var HQCHART_VERSION="1.1.14171";
 
 function PrintHQChartVersion()
 {