hqchart 1.1.15184 → 1.1.15191

package/src/jscommon/umychart.js

@@ -3693,7 +3693,7 @@ function JSChartContainer(uielement, OffscreenElement, cacheElement)
             if (!indexScript) return;
 
             data.IndexScript=indexScript;
-            data.Title=`[${indexScript.Name}]参数修改 窗口[${data.WindowIndex+1}]`;
+            data.Title=`[${indexScript.Name || "--"}]参数修改 窗口[${data.WindowIndex+1}]`;
         }
         else if (data.Type==2)
         {
@@ -3702,7 +3702,7 @@ function JSChartContainer(uielement, OffscreenElement, cacheElement)
             var indexScript=overlayIndex.OverlayItem.Script;
 
             data.IndexScript=indexScript;
-            data.Title=`[${indexScript.Name}]参数修改 叠加窗口[${data.WindowIndex+1}]`;
+            data.Title=`[${indexScript.Name || "--"}]参数修改 叠加窗口[${data.WindowIndex+1}]`;
         }
 
         this.DialogModifyIndexParam.SetIndexData(data);
@@ -10812,8 +10812,18 @@ function JSChartContainer(uielement, OffscreenElement, cacheElement)
     {
         var paint=this.GetRectSelectPaint();
         if (!paint) return false;
-        if (bEnforce) paint.PreventClose=false;
-        return paint.ClearPoint();
+        if (bEnforce) 
+        {
+            var oldPreventClose=paint.PreventClose; //备份下
+            paint.PreventClose=false;
+            var result=paint.ClearPoint();
+            paint.PreventClose=oldPreventClose; //还原
+            return result;
+        }
+        else
+        {
+            return paint.ClearPoint();
+        }
     }
 
     //删除指定窗口的所有叠加指标
@@ -51261,6 +51271,7 @@ function RectSelectPaint()
             if (option.LineColor) this.LineColor=option.LineColor;
             if (option.AreaColor) this.AreaColor=option.AreaColor;
             if (IFrameSplitOperator.IsBool(option.SpaceReselected)) this.SpaceReselected=option.SpaceReselected;
+            if (IFrameSplitOperator.IsBool(option.PreventClose)) this.PreventClose=option.PreventClose;
 
             if (option.ShowRangeText)
             {
@@ -77855,12 +77866,7 @@ function JSChartResource()
         }
     }
 
-    this.DivFrameToolbar=
-    {
-        Icon:{ Color:"rgb(0,0,0)", HoverColor:"rgb(30,144,255)" },
-        Tooltip:{ BGColor:"rgb(255,255,255)", TextColor:"rgb(71,71,71)", BorderColor:"rgb(0,0,0)" },
-    }
-   
+    
     //画图工具
     this.DrawPicture=
     {
@@ -79806,28 +79812,6 @@ function JSChartResource()
 
         if (style.SmallFloatTooltipV2) this.SetSmallFloatTooltipV2(style.SmallFloatTooltipV2);
 
-        if (style.DivFrameToolbar) this.SetDivFrameToolbar(style.DivFrameToolbar);
-    }
-
-    this.SetDivFrameToolbar=function(style)
-    {
-        var dest=this.DivFrameToolbar;
-        if (style.Icon)
-        {
-            var item=style.Icon;
-            var subDest=dest.Icon;
-            if (item.Color) subDest.Color=item.Color;
-            if (item.HoverColor) subDest.HoverColor=item.HoverColor;
-        }
-
-        if (style.Tooltip)
-        {
-            var item=style.Tooltip;
-            var subDest=dest.Tooltip;
-            if (item.TextColor) subDest.TextColor=item.TextColor;
-            if (item.BorderColor) subDest.BorderColor=item.BorderColor;
-            if (item.BGColor) subDest.BGColor=item.BGColor;
-        }
     }
 
     this.SetSmallFloatTooltipV2=function(style)
@@ -105432,12 +105416,6 @@ function JSDivFrameToolbar()
     this.Left=-1;
     this.Top=-1;
 
-    this.IconConfig=
-    { 
-        Color:g_JSChartResource.DivFrameToolbar.Icon.Color, 
-        HoverColor:g_JSChartResource.DivFrameToolbar.Icon.HoverColor
-    }
-
     this.AryButton=[]; //按钮数组
 
     //创建按钮
@@ -105579,20 +105557,10 @@ function JSDivFrameToolbar()
     this.UpdateStyle=function()
     {
         if (!this.DivToolbar) return;
-
-        for(var i=0;i<this.AryButton.length; i++)
-        {
-            var item=this.AryButton[i]
-            if (!item.Span) continue;
-            item.Span.style["color"]=this.IconConfig.Color;     
-        }
     }
 
     this.ReloadResource=function(option)
     {
-        this.IconConfig.Color=g_JSChartResource.DivFrameToolbar.Icon.Color, 
-        this.IconConfig.HoverColor=g_JSChartResource.DivFrameToolbar.Icon.HoverColor;
-
         this.UpdateStyle();
     }
 
@@ -105629,15 +105597,12 @@ function JSDivFrameToolbar()
     {
         if (!item.Span) return;
 
-        item.Span.style["color"]=this.IconConfig.HoverColor;
-
         this.ShowTooltip(e, item);
     }
 
     this.OnLeaveButton=function(e, item)
     {
         if (!item.Span) return;
-        item.Span.style["color"]=this.IconConfig.Color;
 
         this.HideTooltip();
     }
@@ -105781,10 +105746,6 @@ function JSToolbarTooltip()
     this.Left=-1;
     this.Top=-1;
 
-    this.BGColor=g_JSChartResource.DivFrameToolbar.Tooltip.BGColor;
-    this.TextColor=g_JSChartResource.DivFrameToolbar.Tooltip.TextColor;
-    this.BorderColor=g_JSChartResource.DivFrameToolbar.Tooltip.BorderColor;
-
     this.Create=function()
     {
         var divDom=document.createElement("div");
@@ -105798,20 +105759,12 @@ function JSToolbarTooltip()
 
     this.ReloadResource=function(option)
     {
-        this.BGColor=g_JSChartResource.DivFrameToolbar.Tooltip.BGColor;
-        this.TextColor=g_JSChartResource.DivFrameToolbar.Tooltip.TextColor;
-        this.BorderColor=g_JSChartResource.DivFrameToolbar.Tooltip.BorderColor;
-
         this.UpdateStyle();
     }
 
     this.UpdateStyle=function()
     {
         if (!this.DivTooltip) return;
-
-        this.DivTooltip.style["background-color"]=this.BGColor;
-        this.DivTooltip.style["color"]=this.TextColor;
-        this.DivTooltip.style["border"]="1px solid " + this.BorderColor;
     }
 
     this.Show=function(top, left, tooltipData)

package/src/jscommon/umychart.resource/css/tools.css

@@ -48,105 +48,6 @@ input,canvas{outline:0px;}
     border-radius:4px;
 }
 
-/*右键菜单*/
-.context-menu-wrapper {
-    position: absolute;
-    z-index: 500;
-    overflow: auto;
-    border: 1px solid;
-    border-color: #b5b7b9;
-    background-color: #fff;
-    white-space: nowrap;
-}
-
-html.theme-dark .context-menu-wrapper {
-    background-color: #1c2030;
-    border-color: #363c4e;
-}
-
-.context-menu-wrapper .backlight {
-    background-color: #f2f3f5;
-}
-
-html.theme-dark .context-menu-wrapper .backlight {
-    background-color: #2f3241;
-}
-
-tr.context-menu.disabled {
-    color: #9d9d9d;
-}
-
-/*
-tr.context-menu.spinner > td {
-    background: url("/static/images/loading-small.0c15c93a2cb0.gif") 50% no-repeat;
-    cursor: default;
-}
-*/
-
-.submenu.center {
-    background-color: #fff;
-}
-
-.context-menu {
-    font-family: Tahoma,Arial,sans-serif;
-    font-size: 11px;
-    white-space: nowrap;
-}
-
-tr.context-menu {
-    cursor: pointer;
-    height: 29px;
-}
-
-tr.context-menu:hover {
-    background: #f2f3f5;
-}
-
-html.theme-dark tr.context-menu-hover {
-    background: #2f3241;
-}
-
-td.context-menu {
-    opacity: 1;
-    cursor: pointer;
-    padding-left: 4px;
-}
-
-.context-menu-item-separated {
-    border-bottom: 1px solid #cecece;
-}
-
-.context-menu .text {
-    min-width: 100px;
-}
-
-.context-menu .spacer {
-    width: 18px;
-    text-align: center;
-}
-
-.context-menu .icon {
-    height: 27px;
-    width: 18px;
-}
-
-.context-menu .shortcut {
-    text-align: right;
-    color: #aaa;
-    padding: 0 2px 0 10px;
-}
-
-.submenu-arrow {
-    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAKElEQVR4AWOgExgFo6Cvr+8/1Q0EYaoaCMNUNBCBB68LqRvLIxiMAgAKDyqRblYs2AAAAABJRU5ErkJggg==);
-    background-repeat: no-repeat;
-    background-position: 50%;
-    width: 20px;
-}
-
-.border td {
-    border-bottom:1px solid #b5b7b9;
-}
-/*右键菜单结束*/
 
 /*工具条*/
 .tools {
@@ -271,154 +172,6 @@ td.context-menu {
 }
 /*拖拽切换结束*/
 
-/*画图工具*/
-.drawing {
-    height: 36px;
-    float:left;
-    border:1px solid #ECEFF2;   
-}
-
-.drawing .lable {
-    background:#ECEFF2;
-    height: 36px;
-    line-height:36px;
-    float:left;
-    margin-right:1px;
-    padding:0px 5px;
-}
-.drawing .item{
-    float:left;
-    margin: 1px 1px 1px 0px;
-    padding: 0 5px;
-    cursor: pointer;
-    border: 1px solid #ECEFF2;
-    height: 32px;
-    line-height: 32px;
-}
-
-.drawing .item.active{
-    background:#1592e6;
-    color:#fff;
-    border-color:#1592e6;
-}
-.drawtools {border: 1px solid #ccc; background: #fff;}
-.drawtools .icon-image {text-align: center; padding: 5px 0 5px 10px; height: 24px; position: relative;}
-.drawtools .icon-image>i:nth-of-type(1) {font-size: 24px;}
-.drawtools .icon-image.active>i:nth-of-type(1) {color: #0182d4;}
-.drawtools .icon-image .menuTwo {position: absolute; top: 0; right: 46px; border: 1px solid #ccc; background-color: #fff; display: none; text-align: right;}
-.drawtools .icon-image .menuTwo .menuTwoItem {height: 24px; line-height: 24px; width: 125px; font-size: 12px; padding: 5px 0; display: block; padding-right: 10px;}
-.drawtools .icon-image .menuTwo .menuTwoItem::after {content: ""; display: block; width: 0; height: 0; clear: both; overflow: hidden;}
-.drawtools .icon-image .menuTwo .menuTwoItem>i {float:right; margin-left: 5px; font-size: 24px;}
-.drawtools .icon-image .menuTwo .menuTwoItem:hover {background-color: #ebf7fc;}
-.drawtools .icon-image .menuTwo .menuTwoItem.current {background-color: #37a6ef;}
-.drawtools .icon-image .contentArrow {font-size: 12px; position: absolute; top: 12px; left: 0; transition: transform 0.2s; display: none;}
-.drawtools .icon-image .contentArrow.trans {transform: rotate(180deg);}
-.drawtools .icon-image:last-child { border-top: 1px solid #ccc;}
-
-.chartpicture-text-setting {width: 400px; background-color: #fff; border: 1px solid; border-color: #b5b7b9; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15)}
-.titleWrap {height: 53px; line-height: 53px; width: 100%; border-bottom: 1px solid; border-color: #dadde0; position: relative;}
-.titleWrap .titleName {height: 53px; line-height: 53px; display: inline-block; padding: 0 2px; font-size: 14px; color: #4f5966; margin-left: 14px; position: relative;}
-.titleWrap .titleName::after { content: ' '; position: absolute; display: block; left: 0; bottom: -1px; width: 100%; height: 3px; background-color: #5cb888;}
-.titleWrap .closeBtn {font-size: 12px; color: #777; position: absolute; top: 0; right: 0; padding-right: 14px; padding-left: 14px; cursor: pointer;}
-.contentWrap { padding: 15px 27px;}
-.contentWrap .styleOptions {height: 27px; margin-bottom: 7px;}
-.contentWrap .styleOptions .colorPicker {width: 25px; height: 25px; cursor: pointer; display: inline-block; border: 1px solid; border-color: #1e90ff; background-color: #1e90ff; margin-right: 5px; position: relative;}
-.contentWrap .colorPicker #fontColor {position: absolute; top: 0; left: 0; opacity: 0; width: 100%; height: 100%; display: block;}
-.contentWrap .likeSelect {height: 25px; width: 50px; background-color: #f1f3f6; line-height: 25px; cursor: pointer; display: inline-block; vertical-align: top; font-size: 14px; padding: 0 20px 0 10px; border: 1px solid; border-color: #dadde0; margin-right: 5px; position: relative;}
-.contentWrap .fontSelect {font-size: 12px;}
-.contentWrap .likeSelect .choicedText {display: inline-block; width: 78px; height: 100%; overflow: hidden;}
-/* .contentWrap .likeSelect select {position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 999; opacity: 0.5;}
-.contentWrap .likeSelect option {height: 30px; line-height: 30px;} */
-.contentWrap .likeSelect i { font-size: 15px; position: absolute; top: 0; right: 6px;}
-.contentWrap .likeSelect .selectList {position: absolute; top: 27px; left: 0; background-color: #fff; border: 1px solid #dadde0; display: none;}
-.contentWrap .selectList p {padding: 0 15px; height: 30px; line-height: 30px; cursor: pointer; white-space: nowrap;}
-.contentWrap .selectList p:hover {background-color: #f1f3f6;}
-.contentWrap .selectList p.active {background-color: #f1f3f6; border-left: 3px solid #5cb888;}
-.contentWrap .likeBtn {border: 1px solid; border-color: #dadde0; text-align: center; cursor: pointer; vertical-align: top; font-size: 16px; margin-right: 5px; color: #4a4a4a; display: inline-block; width: 25px; height: 25px; line-height: 25px; background-color: #f1f3f6;}
-.contentWrap .strongFont {font-weight: bold;}
-.contentWrap .italicsFont {font-style: italic;}
-.contentWrap .tArea {border: 1px solid #b5b7b9; background-color: #fff; resize: none; color: #4a4a4a; font-size: 12px; line-height: 18px; box-sizing:border-box; padding: 8px 5px; width: 100%; height: 200px;}
-.contentWrap .likeSelect:hover,.contentWrap .likeBtn:hover {border-color: #b5b7b9;}
-.contentWrap .likeSelect.hot,.contentWrap .likeBtn.hot {background-color: #fff;}
-.btnsContainer {text-align: right; padding: 0 13px 27px 13px;}
-.btnsContainer .btn {width: 72px; height: 24px; line-height: 24px; cursor: pointer; padding-top: 4px; text-align: center; font-size: 14px; color: #fff; margin-right: 10px; display: inline-block;}
-.btnsContainer .okBtn {background-color: #3bb3e4;}
-.btnsContainer .okBtn:hover {background-color: #38acdb;}
-.btnsContainer .cancelBtn {background-color: #9ca0a6; margin-right: 0;}
-.btnsContainer .cancelBtn:hover{background-color: #898c91;}
-
-/*画图工具结束*/
-
-/*区间统计*/
-.jchart-select-statistics-box {
-    position: fixed;
-    width:100%;
-    height:100%;
-    left:0;
-    top:0;
-    background-color: rgba(0,0,0,0.01);
-    display:none;
-    z-index: 999;
-}
-.interval .top {
-    padding-left: 10px;
-    box-sizing: border-box;
-    height:40px;
-    line-height:40px;
-    text-align:left;
-    border-bottom: solid 1px #e1ecf2;
-    font-size: 14px;
-    color: #757d81;
-}
-.interval .top .closeBtn {
-    float:right;
-    margin-right:15px;
-    cursor:pointer;
-    font-weight: 600;
-}
-.interval table{
-    width:100%;
-    height:170px;
-}
-
-.changColorR{
-    border-right-color: #1295d9 !important;
-}
-.changColorL{
-    border-left-color: #1295d9 !important;
-}
-.interval table .dateChange1 {
-    /*padding :0px 3px;*/
-    display: inline-block;
-    cursor:pointer;
-    width: 0;
-    height: 0;
-    border: 6px solid transparent;
-    border-right: 6px solid #c8d2db;
-}
-.interval table .dateChange2 {
-    /*padding :0px 3px;*/
-    display: inline-block;
-    cursor:pointer;
-    width: 0;
-    height: 0;
-    border: 6px solid transparent;
-    border-left: 6px solid #c8d2db;
-}
-.interval table tr td:nth-child(2),.interval table tr td:nth-child(4),.interval table tr td:nth-child(6){
-    font-weight: bold;
-}
-.interval table td{
-    padding-left:10px;
-    border-bottom:1px solid #ECEFF2;
-}
-.interval table td.name {
-    text-align:right;
-}
-.interval table td:last-child {
-    padding-right:10px;
-}
-/*区间统计结束*/
 
 /*形态匹配*/
 .kLineMatch {
@@ -627,116 +380,7 @@ td.context-menu {
     margin-right: 10px;
 }
 
-/*参数设置面板*/
-.jchart-changeindex-box{
-    position: fixed;
-    display: none;
-    width:100%;
-    height:100%;
-    left:0;
-    top:0;
-    z-index: 999;
-    background-color: rgba(0,0,0,0.01);
-}
-
-.jchart-modifyindex-box{
-    position: fixed;
-    display: none;
-    width:100%;
-    height:100%;
-    left:0;
-    top:0;
-    z-index: 999;
-    background-color: rgba(0,0,0,0.01);
-}
-
-.jchart-kline-minute-box{
-    position: absolute;
-    display: none;
-    width:500px;
-    height:550px!important;
-    padding: 0 5px 20px 10px;
-    background-color: rgba(255,255,255,0.95);
-    border: solid 1px rgba(200, 210, 219, 0.92);
-    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.23);
-    z-index: 999;
-}
-
-.parameter{
-    position: absolute;
-    top:50%;
-    left: 50%;
-    transform: translateX(-50%) translateY(-50%);
-    padding: 3px;
-    box-sizing: border-box;
-    width: 520px;
-    height: 421px;
-    background-color: rgba(255, 255, 255, 0.96);
-    box-shadow: 0px 4px 17px 0px rgba(0, 0, 0, 0.55);
-    border-radius: 2px;
-    z-index: 999;
-}
-.parameter-header{
-    position: relative;
-    width:100%;
-    height: 42px;
-    line-height: 42px;
-    border-bottom: 1px solid #c8d2db;
-}
-.parameter-header span{
-    font-family: 微软雅黑;
-    font-size: 14px;
-    margin-left: 10px;
-}
-.parameter-header strong{
-    position: absolute;
-    right: 10px;
-    top: 10px;
-    font-size: 14px;
-    font-weight: 300;
-}
-.parameter-content{
-    padding: 20px;
-    box-sizing: border-box;
-}
-
-.row-line{
-    margin-right: 20px;
-    margin-top: 10px;
-    padding-left: 3px;
-    box-sizing: border-box;
-    width:100px;
-    height:24px;
-    line-height: 24px;
-    border:1px solid #cccccc;
-}
-#close{
-    cursor: pointer;
-}
-.parameter1{
-    cursor:pointer;
-}
 
-.parameter-footer{
-    position: absolute;
-    bottom: 20px;
-    left: 50%;
-    transform: translateX(-50%);
-}
-.parameter-footer button{
-    margin-left: 15px;
-    width: 78px;
-    height: 28px;
-    border: none;
-    border-radius: 2px;
-    color: #ffffff;
-}
-.submit{
-    background-color: #0182d4;
-}
-.cancel{
-    background-color: #c8d2db;
-}
 
 /*指数设置面板*/
 .target-box{
@@ -2386,7 +2030,7 @@ input[type="color"] {
 {
     visibility:hidden;
     position: absolute;
-    background-color: transparent;
+    background-color: var(--HQChart-DivFrameToolbar-BGColor);
     z-index: 10;
     line-height: 24px;
     left:1px;
@@ -2402,30 +2046,22 @@ input[type="color"] {
 .UMyChart_FrameToolbar_Span_Button
 {
     font-size: 14px;
-    color: rgb(190,190,190);
+    color: var(--HQChart-DivFrameToolbar-TextColor);
 }
 
-.UMyChart_FrameToolbar_Div_Tooltip
+.UMyChart_FrameToolbar_Span_Button:hover
 {
-    visibility:hidden;
-   
-    background-color: rgb(220,220,220);
-    color: rgb(0,0,0);
-    text-align: center;
-    border-radius: 2px;
-    padding: 2px;
-    position: absolute;
-    z-index: 50;
     font-size: 14px;
-    white-space: nowrap;
-    right: 100%;
+    color: var(--HQChart-DivFrameToolbar-HoverTextColor);
 }
 
+
 .UMyChart_Toolbar_Tooltip_Div
 {
     visibility:hidden;
-    background-color: rgb(220,220,220);
-    color: rgb(0,0,0);
+    background-color: var(--HQChart-ToolbarTooltip-BGColor);
+    color: var(--HQChart-ToolbarTooltip-TextColor);
+    border: 1px solid var(--HQChart-ToolbarTooltip-BorderColor);
     text-align: center;
     border-radius: 2px;
     padding: 2px;
@@ -2494,7 +2130,20 @@ input[type="color"] {
     --HQChart-DialogModifyIndexParam-CloseColor:rgb(180,180,180);
     --HQChart-DialogModifyIndexParam-ParamNameColor:rgb(20,20,20);
     --HQChart-DialogModifyIndexParam-InputTextColor:rgb(20,20,20);
-    
+
+    /*
+        JSDivFrameToolbar
+    */
+    --HQChart-DivFrameToolbar-BGColor:transparent;
+    --HQChart-DivFrameToolbar-TextColor:rgb(0,0,0);
+    --HQChart-DivFrameToolbar-HoverTextColor:rgb(30,144,255);
+
+    /*
+        JSToolbarTooltip
+    */
+    --HQChart-ToolbarTooltip-BGColor:rgb(255,255,255);
+    --HQChart-ToolbarTooltip-TextColor:rgb(71,71,71);
+    --HQChart-ToolbarTooltip-BorderColor:rgb(0,0,0);
 }
 
 /*
@@ -2558,6 +2207,20 @@ input[type="color"] {
     --HQChart-DialogModifyIndexParam-CloseColor:rgb(180,180,180);
     --HQChart-DialogModifyIndexParam-ParamNameColor:rgb(20,20,20);
     --HQChart-DialogModifyIndexParam-InputTextColor:rgb(20,20,20);
+
+
+    /*
+        JSDivFrameToolbar
+    */
+    --HQChart-DivFrameToolbar-BGColor:transparent;
+    --HQChart-DivFrameToolbar-TextColor:rgb(0,0,0);
+    --HQChart-DivFrameToolbar-HoverTextColor:rgb(30,144,255);
+    /*
+        JSToolbarTooltip
+    */
+    --HQChart-ToolbarTooltip-BGColor:rgb(255,255,255);
+    --HQChart-ToolbarTooltip-TextColor:rgb(71,71,71);
+    --HQChart-ToolbarTooltip-BorderColor:rgb(0,0,0);
 }
 
 /*
@@ -2614,6 +2277,19 @@ input[type="color"] {
     --HQChart-DialogModifyIndexParam-TitleBGColor: rgb(200, 66, 69);
     --HQChart-DialogModifyIndexParam-ParamNameColor:rgb(210,210,210);
     --HQChart-DialogModifyIndexParam-InputTextColor:rgb(210,210,210);
+
+    /*
+        JSDivFrameToolbar
+    */
+    --HQChart-DivFrameToolbar-BGColor:transparent;
+    --HQChart-DivFrameToolbar-TextColor:rgb(156,156,156);
+    --HQChart-DivFrameToolbar-HoverTextColor:rgb(255,255,255);
+    /*
+        JSToolbarTooltip
+    */
+    --HQChart-ToolbarTooltip-BGColor:rgb(32,32,32);
+    --HQChart-ToolbarTooltip-TextColor:rgb(204,204,204);
+    --HQChart-ToolbarTooltip-BorderColor:rgb(69,69,69);
 }
 
 

package/src/jscommon/umychart.style.js

@@ -418,12 +418,6 @@ function GetBlackStyle()
             }
         },
 
-        DivFrameToolbar:
-        {
-            Icon:{ Color:"rgb(156,156,156)", HoverColor:"rgb(255,255,255)" },
-            Tooltip:{ BGColor:"rgb(32,32,32)", TextColor:"rgb(204,204,204)", BorderColor:"rgb(69,69,69)" },
-        },
-        
         DrawPicture:  //画图工具
         {
             LineColor: