hqchart 1.1.14523 → 1.1.14533

package/src/jscommon/umychart.js

@@ -4162,7 +4162,7 @@ function JSChartContainer(uielement, OffscreenElement, cacheElement)
 
             var yMove=e.clientY-drag.LastMove.Y;
 
-            this.OnMoveFromeBorder(this.BorderDrag.Index, yMove);
+            if (!this.OnMoveFromeBorder(this.BorderDrag.Index, yMove)) return;
 
             drag.LastMove.X=e.clientX;
             drag.LastMove.Y=e.clientY;
@@ -7063,7 +7063,6 @@ function JSChartContainer(uielement, OffscreenElement, cacheElement)
                     this.SelectChartDrawPicture=null;
                     if (this.ChartPictureMenu) this.ChartPictureMenu.Hide();
                     this.ClearChartDrawPicture(drawPicture);        //删除选中的画图工具
-                    this.CloseModifyDrawDialog();
                 }
                 else if (this.SelectedChart && this.SelectedChart.Selected.Identify)
                 {
@@ -7287,14 +7286,16 @@ function JSChartContainer(uielement, OffscreenElement, cacheElement)
 
     this.OnMoveFromeBorder=function(index, yMove)
     {
-        if (!this.Frame) return;
+        if (!this.Frame) return false;
 
-        if (!this.Frame.OnMoveFromeBorder(index,yMove)) return ;
+        if (!this.Frame.OnMoveFromeBorder(index,yMove)) return false;
 
         //this.Frame.SetSizeChage(true);
         this.Frame.SetFrameBorderSizeChange();
         this.Frame.ReDrawToolbar();
         this.Draw();
+
+        return true;
     }
 
     this.OnZoomUpDownFrameY=function(obj, yMove)
@@ -8881,20 +8882,7 @@ function JSChartContainer(uielement, OffscreenElement, cacheElement)
 
         if (!this.DialogModifyDraw) return;
 
-        if (chart.ClassName=="ChartDrawPictureText" || chart.ClassName=='ChartDrawVolProfile')
-        {
-            this.CloseModifyDrawDialog();
-
-            if (!this.ChartPictureMenu) this.ChartPictureMenu=g_DialogFactory.Create('ChartPictureSettingMenu', this.UIElement.parentNode);
-            if (!this.ChartPictureMenu) return;
-
-            var event={ data: { ChartPicture:chart, HQChart:this}};
-            this.ChartPictureMenu.DoModal(event);
-        }
-        else
-        {
-            this.ShowModifyDrawDialog(chart);
-        } 
+        this.ShowModifyDrawDialog(chart);
     }
 
     this.FinishMoveChartDrawPicture=function()
@@ -8946,6 +8934,7 @@ function JSChartContainer(uielement, OffscreenElement, cacheElement)
 
             if (option && option.Draw==false) bDraw=false;
             if (bDraw) this.Draw();
+            if (this.DialogModifyDraw) this.DialogModifyDraw.OnClearChartDrawPicture(null);
         }
         else
         {
@@ -8965,6 +8954,8 @@ function JSChartContainer(uielement, OffscreenElement, cacheElement)
 
                     if (option && option.Draw==false) bDraw=false;
                     if (bDraw) this.Draw();
+                    if (this.DialogModifyDraw) this.DialogModifyDraw.OnClearChartDrawPicture(drawPicture);
+                    break;
                 }
             }
         }
@@ -19905,11 +19896,37 @@ function HQTradeFrame()
     {
         if (this.SubFrame.length<=0) return false;
 
-        var topFrame=this.SubFrame[index];
+        var topFrame=null;
+        var aryTopTitleFrame=[];
+        for(var i=index;i>=0;--i)
+        {
+            var item=this.SubFrame[i];
+
+            if (item.Frame && item.Frame.ChartBorder && item.Frame.ChartBorder.IsShowTitleOnly)    //标题模式
+            {
+                aryTopTitleFrame.push(item);
+                continue;
+            }
+
+            if (item.Height>0)
+            {
+                topFrame=item;
+                break;
+            }
+        }
+
         var bottomFrame=null;
+        var aryBottomTitleFrame=[];
         for(var i=index+1;i<this.SubFrame.length;++i)
         {
             var item=this.SubFrame[i];
+
+            if (item.Frame && item.Frame.ChartBorder && item.Frame.ChartBorder.IsShowTitleOnly)    //标题模式
+            {
+                aryBottomTitleFrame.push(item);
+                continue;
+            }
+
             if (item.Height>0)
             {
                 bottomFrame=item;
@@ -19927,6 +19944,20 @@ function HQTradeFrame()
 
         var height=topFrame.Frame.ChartBorder.GetHeightEx();
         var height2=bottomFrame.Frame.ChartBorder.GetHeightEx();
+
+        for(var i=0;i<aryBottomTitleFrame.length;++i)
+        {
+            var item=aryBottomTitleFrame[i];
+            item.Frame.ChartBorder.Bottom+=yMove;
+            item.Frame.ChartBorder.Top+=yMove;
+        }
+
+        for(var i=0;i<aryTopTitleFrame.length;++i)
+        {
+            var item=aryTopTitleFrame[i];
+            item.Frame.ChartBorder.Bottom+=yMove;
+            item.Frame.ChartBorder.Top+=yMove;
+        }
         
         //缩小的时候 小于最小高度 不处理
         if ((height<this.MinSubFrameHeight && yMove<0) || (height2<this.MinSubFrameHeight && yMove>0)) 
@@ -20220,11 +20251,25 @@ function HQTradeFrame()
     this.SaveSubFrameHeightRate=function()
     {
         var height=this.ChartBorder.GetHeight();
+        var totalTitleHeight=0;
+        for(var i=0;i<this.SubFrame.length;++i)
+        {
+            var item=this.SubFrame[i];
+            var frame=item.Frame;
+            if (frame && frame.ChartBorder && frame.ChartBorder.IsShowTitleOnly && item.Height>0)
+                totalTitleHeight+=frame.ChartBorder.TitleHeight;
+        }
+        height-=totalTitleHeight;
 
         for(var i=0; i<this.SubFrame.length; ++i)
         {
             var item=this.SubFrame[i];
+            var frame=item.Frame;
+            if (item.Height<=0) continue;
+            if (frame && frame.ChartBorder && frame.ChartBorder.IsShowTitleOnly && item.Height>0) continue;
+
             var subHeight=item.Frame.ChartBorder.GetHeight();
+
             var rate=(subHeight/height)*100;
             item.Height=rate;
         }
@@ -21356,9 +21401,13 @@ function HQTradeFrame()
             var left=item.Frame.ChartBorder.GetLeft();
             var right=item.Frame.ChartBorder.GetRight();
 
-            item.Frame.Canvas.beginPath();
-            item.Frame.Canvas.rect(left,bottom-height/2,(right-left),height);
-            if (item.Frame.Canvas.isPointInPath(x,y))
+            var rtBorder={ Left:left, Right:right, Top:bottom-height/2, Height:height };
+            rtBorder.Bottom=rtBorder.Top+rtBorder.Height;
+            rtBorder.Width=rtBorder.Right-rtBorder.Left;
+            if (x>=rtBorder.Left && x<=rtBorder.Right && y>=rtBorder.Top && y<rtBorder.Bottom)
+            //item.Frame.Canvas.beginPath();
+            //item.Frame.Canvas.rect(left,bottom-height/2,(right-left),height);
+            //if (item.Frame.Canvas.isPointInPath(x,y))
             {
                 return { Index:i, Bottom:true };
             }
@@ -64796,15 +64845,13 @@ function ChartDrawPictureText()
     delete this.newMethod;
 
     this.ClassName='ChartDrawPictureText';
-    this.Text='文本';
+    this.Text='输入文字';
     this.PointCount=1;
     this.FontOption={ Family:'微软雅黑', Size:20, Weight:null, Style:null };    //Weight(bold 粗体), Style(italic)
     //矢量图片
     //this.Text="\ue606";
     //this.FontOption={ Family:'iconfont', Size:20, Weight:null, Style:null };    //Weight(bold 粗体), Style(italic)
     this.TextRect=null;   //文字区域
-    this.IsInitialized=false;   //是否初始化了
-    this.SettingMenu;
     this.HQChart;
 
     this.SetOption=function(option)
@@ -64842,12 +64889,6 @@ function ChartDrawPictureText()
         this.TextRect.Height=textHeight
         //this.Canvas.strokeRect(this.TextRect.Left,this.TextRect.Top,this.TextRect.Width,this.TextRect.Height);
         this.Canvas.restore();
-
-        if (this.IsInitialized===false) 
-        {
-            this.SetTextOption();
-            this.IsInitialized=true;
-        }
     }
 
     //根据设置动态生成字体
@@ -64866,18 +64907,6 @@ function ChartDrawPictureText()
         return font;
     }
 
-    this.SetTextOption=function()
-    {
-        JSConsole.Chart.Log('[ChartDrawPictureText::SetTextOption]');
-        //创建div设置窗口
-        if (!this.SettingMenu) this.SettingMenu=new ChartPictureTextSettingMenu(this.Frame.ChartBorder.UIElement.parentNode);
-
-        this.SettingMenu.ChartPicture=this;
-        this.SettingMenu.HQChart=this.HQChart;
-        this.SettingMenu.Position={Left:this.TextRect.Left+this.TextRect.Width,Top:this.TextRect.Top};
-        this.SettingMenu.DoModal();
-    }
-
     this.IsPointIn=function(x,y)
     {
         if (!this.Frame || this.Status!=10) return -1;
@@ -69760,6 +69789,7 @@ function ChartDrawPriceNote()
 
         var price=this.Frame.GetYData(ptStart.Y, false);
         var text=price.toFixed(floatPrecision);
+        this.Canvas.font=font;
         var textHeight=this.Canvas.measureText("擎").width;
         var textWidth=this.Canvas.measureText(text).width;
         var angle=this.CalculateAngle(ptStart.X, ptStart.Y, ptEnd.X, ptEnd.Y);
@@ -71845,6 +71875,15 @@ function JSChartResource()
         TitleBGColor:"rgb(200, 66, 69)",    //标题背景颜色
     }
 
+    this.PopKLineChart=
+    {
+        BGColor:"rgba(250,250,250,0.95)",
+        BorderColor:"rgb(0,0,0)",
+
+        TitleColor:'rgb(250,250,250)',       //标题颜色
+        TitleBGColor:"rgb(200, 66, 69)",    //标题背景颜色
+    }
+
     this.SelectRectBGColor="rgba(1,130,212,0.06)"; //背景色
  //   this.SelectRectAlpha=0.06;                  //透明度
 
@@ -73417,10 +73456,21 @@ function JSChartResource()
         if (style.PopMinuteChart)
         {
             var item=style.PopMinuteChart;
-            if (item.BGColor) this.PopMinuteChart.BGColor=item.BGColor;
-            if (item.BorderColor) this.PopMinuteChart.BorderColor=item.BorderColor;
-            if (item.TitleColor) this.DialogSearchIndex.TitleColor=item.TitleColor;
-            if (item.TitleBGColor) this.DialogSearchIndex.TitleBGColor=item.TitleBGColor;
+            var dest=this.PopMinuteChart;
+            if (item.BGColor) dest.BGColor=item.BGColor;
+            if (item.BorderColor) dest.BorderColor=item.BorderColor;
+            if (item.TitleColor) dest.TitleColor=item.TitleColor;
+            if (item.TitleBGColor) dest.TitleBGColor=item.TitleBGColor;
+        }
+
+        if (style.PopKLineChart)
+        {
+            var item=style.PopKLineChart;
+            var dest=this.PopKLineChart;
+            if (item.BGColor) dest.BGColor=item.BGColor;
+            if (item.BorderColor) dest.BorderColor=item.BorderColor;
+            if (item.TitleColor) dest.TitleColor=item.TitleColor;
+            if (item.TitleBGColor) dest.TitleBGColor=item.TitleBGColor;
         }
 
         if (style.DefaultTextColor) this.DefaultTextColor = style.DefaultTextColor;
@@ -80686,7 +80736,7 @@ function KLineChartContainer(uielement,OffscreenElement, cacheElement)
                 bindData.Period=this.Period;
                 bindData.Right=this.Right;
 
-                if (bindData.Right>0 && MARKET_SUFFIX_NAME.IsSHSZStockA(item.Symbol))       //复权数据
+                if (bindData.Right>0 && MARKET_SUFFIX_NAME.IsEnableRight(item.Symbol))       //复权数据
                 {
                     var rightData=bindData.GetRightData(bindData.Right,{ AlgorithmType: this.RightFormula });
                     bindData.Data=rightData;
@@ -82026,8 +82076,6 @@ function KLineChartContainer(uielement,OffscreenElement, cacheElement)
             var self=this;
             drawPicture.GetActiveDrawPicture=function() { return self.GetActiveDrawPicture(); }
 
-            if (drawPicture.ClassName==='ChartDrawPictureText') drawPicture.IsInitialized=true;
-
             this.ChartDrawPicture.push(drawPicture);
         }
 
@@ -89344,7 +89392,6 @@ function MinuteChartContainer(uielement,offscreenElement,cacheElement)
         if (item)
         {
             drawPicture=item.Create();
-            if (drawPicture.ClassName=='ChartDrawPictureText') drawPicture.HQChart=this;
         }
 
         if (!drawPicture)    //iconfont图标
@@ -89407,7 +89454,6 @@ function MinuteChartContainer(uielement,offscreenElement,cacheElement)
 
         drawPicture.GetActiveDrawPicture=function() { return self.GetActiveDrawPicture(); }
 
-        if (drawPicture.ClassName==='ChartDrawPictureText') drawPicture.IsInitialized=true;
         this.ChartDrawPicture.push(drawPicture);
 
         if (obj.Draw==true) this.DrawDynamicInfo();
@@ -89451,8 +89497,6 @@ function MinuteChartContainer(uielement,offscreenElement,cacheElement)
             drawPicture.ValueToPoint();
             drawPicture.GetActiveDrawPicture=()=>{ return this.GetActiveDrawPicture(); }
 
-            if (drawPicture.ClassName==='ChartDrawPictureText') drawPicture.IsInitialized=true;
-
             this.ChartDrawPicture.push(drawPicture);
         }
 
@@ -94330,7 +94374,6 @@ function DialogFactory()
     this.DataMap=new Map(
     [
         ["ChartPictureSettingMenu", { Create:function(divElement) { return new ChartPictureSettingMenu(divElement); } }],
-        ["ChartPictureTextSettingMenu", { Create:function(divElement) { return new ChartPictureTextSettingMenu(divElement); } }]
     ]); 
 
     this.Create=function(name, option)
@@ -94556,239 +94599,6 @@ function ChartPictureSettingMenu(divElement)
     }
 }
 
-//画图工具 文本设置窗口
-function ChartPictureTextSettingMenu(divElement)
-{
-    this.newMethod=IDivDialog;   //派生
-    this.newMethod(divElement);
-    delete this.newMethod;
-
-    this.ChartPicture;
-    this.SettingDiv;
-    this.Position;
-
-    this.BackupData;    //画图工具备份数据
-
-    this.Close=function()   
-    {
-        if (this.SettingDiv) this.DivElement.removeChild(this.SettingDiv);  //直接删除
-    }
-
-    this.DoModal=function()
-    {
-        var text=this.ChartPicture.Text;    //显示的文本
-        var fontOption=this.ChartPicture.FontOption;    //字体设置
-        var lineColor=this.ChartPicture.LineColor;
-        //数据备份, 点取消的时候把备份数据设置回去
-        this.BackupData=
-        {
-            Text:text, 
-            LineColor:lineColor,
-            FontOption:{Family: fontOption.Family, Size: fontOption.Size, Weight: fontOption.Weight, Style: fontOption.Style }
-        };
-        JSConsole.Chart.Log('[ChartPictureTextSettingMenu::DoModal] picture info',this.BackupData);
-
-        var self=this;
-        var div=this.DivElement.getElementsByClassName('chartpicture-text-setting')[0];
-        if (!div)
-        {
-            div=document.createElement("div");
-            div.className='chartpicture-text-setting';
-            this.DivElement.appendChild(div);
-            this.SettingDiv=div;
-        }
-        else 
-        {
-            this.SettingDiv=div;
-        }
-        
-        var titleContainerStr = '<div class="titleWrap">'+
-                                    '<span class="titleName">样式设置</span>'+
-                                    '<i class="closeBtn iconfont icon-close"></i>'+
-                                '</div>';
-                            
-        var fontSizeArray = [10,11,12,14,16,20,24,28,32,40];
-        var fontArray = ['微软雅黑','宋体','Arial','仿宋'];
-        var sizeListStr = "";
-        var fontListStr = "";
-        fontArray.forEach(function(item,index){
-            fontListStr += index !== 0 ? '<p>'+item+'</P>' : '<p class="active">'+item+'</P>';
-        });
-        fontSizeArray.forEach(function(item,index){
-            sizeListStr += index !== 5 ? '<p>'+item+'</P>' : '<p class="active">'+item+'</P>';
-        });
-        var contentContainerStr = '<div class="contentWrap">'+
-                                    '<div class="styleOptions">'+
-                                        '<span class="colorPicker"><input type="color" id="fontColor" value="#1e90ff"></span>'+
-                                        '<div class="likeSelect fontSelect"><span class="choicedText">微软雅黑</span><div class="selectList">'+fontListStr+'</div><i class="iconfont icon-xia"></i></div>'+
-                                        '<div class="likeSelect fontSizeSelect"><span class="choicedText">20</span><div class="selectList">'+sizeListStr+'</div><i class="iconfont icon-xia"></i></div>'+
-                                        '<span class="strongFont likeBtn"><i class="iconfont icon-jiacu"></i></span>'+
-                                        '<span class="italicsFont likeBtn"><i class="iconfont icon-qingxieL"></i></span>'+
-                                    '</div>'+
-                                    '<textarea class="tArea" id="tArea" placeholder="Text"></textarea>'+
-                                  '</div>';
-        var btnContainer = '<div class="btnsContainer">'+
-                                '<span class="okBtn btn">确认</span>'+
-                                '<span class="cancelBtn btn">取消</span>'+
-                            '</div>';
-
-        var pixelTatio = GetDevicePixelRatio();
-        var DoModalStr = titleContainerStr+contentContainerStr+btnContainer;
-        this.SettingDiv.style.left = this.Position.Left/pixelTatio + "px";
-        this.SettingDiv.style.top = this.Position.Top/pixelTatio + "px";
-        this.SettingDiv.innerHTML=DoModalStr;
-        this.SettingDiv.style.position = "absolute";
-        this.SettingDiv.style.display = "block";
-        $(".chartpicture-text-setting .colorPicker").css({ //初始设置
-            "borderColor":self.ChartPicture.LineColor,
-            "background-color":self.ChartPicture.LineColor
-        });
-
-        var family = this.ChartPicture.FontOption.Family;
-        $('.chartpicture-text-setting .fontSelect .choicedText').html(family);
-        fontArray.forEach(function(item,index){
-            if(item == family){
-                $('.chartpicture-text-setting .fontSelect p').removeClass('active');
-                $('.chartpicture-text-setting .fontSelect p').eq(index).addClass('active');
-            }
-        });
-
-        var size = this.ChartPicture.FontOption.Size;
-        $('.chartpicture-text-setting .fontSizeSelect .choicedText').html(size);
-        fontSizeArray.forEach(function(item,index){
-            if(item == size){
-                $('.chartpicture-text-setting .fontSizeSelect p').removeClass('active');
-                $('.chartpicture-text-setting .fontSizeSelect p').eq(index).addClass('active');
-            }
-        });
-
-        var weight = this.ChartPicture.FontOption.Weight;
-        if( weight != null && weight == 'bold'){
-            $('.chartpicture-text-setting .strongFont').addClass('hot');
-        }
-
-        var style = this.ChartPicture.FontOption.Style;
-        if( style != null && style == 'italic'){
-            $('.chartpicture-text-setting .italicsFont').addClass('hot');
-        }
-
-        var text = this.ChartPicture.Text;
-        $('.chartpicture-text-setting .tArea').val(text);  //结束初始设置
-
-        var defaultTextOption = { Family:'微软雅黑', Size:20, Weight:null, Style:null };
-        $(".chartpicture-text-setting #fontColor").change(
-            {
-                Picture:this.ChartPicture
-            },
-            function(event)
-            {  //颜色选择
-                var value = $(this).val();
-                $(this).parent().css({
-                    "borderColor":value,
-                    "background-color":value
-                });
-                var chart=event.data.Picture;
-                chart.LineColor = value;
-                if (chart.Update) chart.Update();   //更新界面
-            }
-        );
-        $(".chartpicture-text-setting .fontSelect,.chartpicture-text-setting .fontSizeSelect").click(function(){
-            $(this).find('.selectList').toggle();
-            $(this).toggleClass('hot');
-        });
-        $(".chartpicture-text-setting .fontSelect p").click(
-            {
-                Picture:this.ChartPicture
-            },
-            function(event){ //字体选择
-                var choicedText = $(this).closest(".fontSelect").find('.choicedText').html();
-                var currentSelect = event.currentTarget.innerHTML;
-                if(choicedText !== currentSelect){
-                    $(this).closest(".fontSelect").find('.choicedText').html(currentSelect);
-                    $(this).siblings().removeClass('active');
-                    $(this).addClass('active');
-                    var chart = event.data.Picture;
-                    chart.FontOption.Family = currentSelect;
-                    if (chart.Update) chart.Update();   //更新界面
-                }
-        });
-        $(".chartpicture-text-setting .fontSizeSelect p").click(
-            {
-                Picture:this.ChartPicture
-            },
-            function(event){  //字号选择
-            var choicedText = $(this).closest(".fontSizeSelect").find('.choicedText').html();
-            var currentSelect = event.currentTarget.innerHTML;
-            if(choicedText !== currentSelect){
-                $(this).closest(".fontSizeSelect").find('.choicedText').html(currentSelect);
-                $(this).siblings().removeClass('active');
-                $(this).addClass('active');
-                var chart = event.data.Picture;
-                chart.FontOption.Size = Number(currentSelect);
-                if (chart.Update) chart.Update();   //更新界面
-            }
-        });
-        $(".chartpicture-text-setting .strongFont").click(
-            {
-                Picture:this.ChartPicture
-            },
-            function(event){
-            $(this).toggleClass('hot');
-            var classnames = $(this).attr('class');
-            if(classnames.indexOf('hot') > 0){
-                var chart = event.data.Picture;
-                chart.FontOption.Weight = 'bold';
-                if (chart.Update) chart.Update();   //更新界面
-            }
-        });
-        $(".chartpicture-text-setting .italicsFont").click(
-            {
-                Picture:this.ChartPicture
-            },
-            function(event){
-            $(this).toggleClass('hot')
-            var classnames = $(this).attr('class');
-            if(classnames.indexOf('hot') > 0){
-                var chart = event.data.Picture;
-                chart.FontOption.Style = 'italic';
-                if (chart.Update) chart.Update();   //更新界面
-            }
-        });
-        $(".chartpicture-text-setting .titleWrap .closeBtn,.chartpicture-text-setting .btnsContainer .cancelBtn").click(  //取消
-            {
-                Picture:this.ChartPicture
-            },
-            function(event){
-                var picture = event.data.Picture;
-                picture.Text = self.BackupData.Text;
-                picture.LineColor = self.BackupData.LineColor;
-                picture.FontOption = self.BackupData.FontOption;
-                if (picture.Update) picture.Update();
-                self.Close();
-        });
-        $(".chartpicture-text-setting .tArea").keyup( //文本内容
-            {
-                Picture:this.ChartPicture
-            },
-            function(event){
-                JSConsole.Chart.Log('[ChartPictureTextSettingMenu::DoModal] $(".chartpicture-text-setting .tArea").keyup()');
-                var content = $(this).val();
-                var chart = event.data.Picture;
-                chart.Text = content;
-                if (chart.Update) chart.Update();   //更新界面
-        });
-
-        //确定按钮
-        $(".chartpicture-text-setting .btnsContainer .okBtn").click(
-            function()
-            {  
-                self.Close(); 
-                if (self.HQChart && self.HQChart.ChartDrawStorage) self.HQChart.ChartDrawStorage.SaveDrawData(self.ChartPicture);   //保存下
-            }
-        );
-    }
-}
-
 
 function ChartPictureVolProfileSettingMenu(divElement)
 {