UI large file code splitting,including

tensor,histogram,scalar,graph,image,model-traceback,debugger

mindinsight/ui/src/app.vue

@@ -24,7 +24,7 @@ limitations under the License.
     </div>
     <Header></Header>
     <div class="cl-center"
-         :class="showWarmText ? 'cl-top-104' : 'cl-top-64'">
+         :class="showWarmText ? 'cl-center-height' : ''">
 
       <router-view></router-view>
     </div>
@@ -103,11 +103,9 @@ export default {
   overflow: hidden;
   color: #333;
 }
-.cl-top-64 {
-  top: 64px;
-}
-.cl-top-104 {
-  top: 104px;
+
+.cl-center-height {
+  height: calc(100% - 104px);
 }
 .cl-title {
   height: 50px;

mindinsight/ui/src/assets/images/data-process-guid.svg

@@ -5,56 +5,42 @@
     <desc>Created with Sketch.</desc>
     <defs>
         <linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="linearGradient-1">
-            <stop stop-color="#EDF2FF" offset="0%"></stop>
-            <stop stop-color="#ECFEFE" offset="100%"></stop>
+            <stop stop-color="#FAFAFA" offset="0%"></stop>
+            <stop stop-color="#FAFAFA" offset="100%"></stop>
         </linearGradient>
     </defs>
     <g id="智能小助手" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="数据图">
-            <path d="M136.782172,18 C137.610599,18 138.282172,18.6715729 138.282172,19.5 L138.281172,21 L139.782172,21 C140.610599,21 141.282172,21.6715729 141.282172,22.5 C141.282172,23.3284271 140.610599,24 139.782172,24 L138.281172,24 L138.282172,25.5 C138.282172,26.3284271 137.610599,27 136.782172,27 C135.953745,27 135.282172,26.3284271 135.282172,25.5 L135.281172,24 L133.782172,24 C132.953745,24 132.282172,23.3284271 132.282172,22.5 C132.282172,21.6715729 132.953745,21 133.782172,21 L135.281172,21 L135.282172,19.5 C135.282172,18.6715729 135.953745,18 136.782172,18 Z" id="形状结合备份" fill="#BBE3E3" transform="translate(136.782172, 22.500000) rotate(-360.000000) translate(-136.782172, -22.500000) "></path>
+            <path d="M136.782172,18 C137.610599,18 138.282172,18.6715729 138.282172,19.5 L138.281172,21 L139.782172,21 C140.610599,21 141.282172,21.6715729 141.282172,22.5 C141.282172,23.3284271 140.610599,24 139.782172,24 L138.281172,24 L138.282172,25.5 C138.282172,26.3284271 137.610599,27 136.782172,27 C135.953745,27 135.282172,26.3284271 135.282172,25.5 L135.281172,24 L133.782172,24 C132.953745,24 132.282172,23.3284271 132.282172,22.5 C132.282172,21.6715729 132.953745,21 133.782172,21 L135.281172,21 L135.282172,19.5 C135.282172,18.6715729 135.953745,18 136.782172,18 Z" id="形状结合备份" fill="#CCCCCC" transform="translate(136.782172, 22.500000) rotate(-360.000000) translate(-136.782172, -22.500000) "></path>
             <path d="M43.0527181,75.2196611 L142.238742,22.0699563 C168.735071,7.87166467 202.615796,16.2975618 217.913459,40.8897243 C233.211122,65.4818867 224.132809,96.9277629 197.63648,111.126055 L98.4504561,164.275759 C71.9541266,178.474051 38.0734016,170.048154 22.7757386,145.455991 C7.47807566,120.863829 16.5563886,89.4179527 43.0527181,75.2196611 Z" id="矩形" fill="url(#linearGradient-1)"></path>
-            <path d="M44.5,81 L44.5,78 M44,67.433713 L44,52.721519 C44,50.6661808 45.6569649,49 47.7009346,49 L172.299065,49 C174.343035,49 176,50.6661808 176,52.721519 L176,143.278481 C176,145.333819 174.343035,147 172.299065,147 L47.7009346,147 C45.6569649,147 44,145.333819 44,143.278481 L44,91.157947 L44,91.157947" id="形状" fill-opacity="0.1" fill="#00A5A7"></path>
-            <path d="M56.5,73 L56.5,70 M56,59.433713 L56,44.721519 C56,42.6661808 57.6569649,41 59.7009346,41 L184.299065,41 C186.343035,41 188,42.6661808 188,44.721519 L188,135.278481 C188,137.333819 186.343035,139 184.299065,139 L59.7009346,139 C57.6569649,139 56,137.333819 56,135.278481 L56,83.157947 L56,83.157947" id="形状" stroke="#014848" stroke-width="2" fill="#FFFFFF" stroke-linecap="round"></path>
-            <rect id="矩形" fill="#00A5A7" x="64" y="61" width="12" height="2" rx="1"></rect>
-            <path d="M56,51 L126,51 C126.552285,51 127,51.4477153 127,52 C127,52.5522847 126.552285,53 126,53 L56,53 L56,53 L56,51 Z" id="矩形" fill="#00A5A7" opacity="0.1"></path>
-            <rect id="矩形备份-100" fill="#D4D9E6" x="64" y="66" width="21" height="2" rx="1"></rect>
-            <path d="M80.5,157 C81.3284271,157 82,157.671573 82,158.5 L81.999,160 L83.5,160 C84.3284271,160 85,160.671573 85,161.5 C85,162.328427 84.3284271,163 83.5,163 L81.999,163 L82,164.5 C82,165.328427 81.3284271,166 80.5,166 C79.6715729,166 79,165.328427 79,164.5 L78.999,163 L77.5,163 C76.6715729,163 76,162.328427 76,161.5 C76,160.671573 76.6715729,160 77.5,160 L78.999,160 L79,158.5 C79,157.671573 79.6715729,157 80.5,157 Z" id="形状结合" fill="#ACBCF0" transform="translate(80.500000, 161.500000) rotate(-360.000000) translate(-80.500000, -161.500000) "></path>
-            <circle id="椭圆形" fill="#ACBCF0" cx="42.782172" cy="95.5" r="1.5"></circle>
-            <circle id="椭圆形备份" fill="#BBE3E3" cx="207.5" cy="80.5" r="1.5"></circle>
-            <circle id="椭圆形" fill-opacity="0.1" fill="#00A5A7" cx="181" cy="51" r="18"></circle>
-            <circle id="椭圆形备份-3" fill-opacity="0.1" fill="#00A5A7" cx="55" cy="135" r="18"></circle>
-            <path d="M196.071045,31.0788984 C193.196838,29.1351405 189.730982,28 186,28 C176.058875,28 168,36.0588745 168,46 C168,55.9411255 176.058875,64 186,64 C195.941125,64 204,55.9411255 204,46 C204,42.4508045 202.972781,39.1415289 201.199425,36.3532559" id="路径" stroke="#014848" stroke-width="2" fill="#97ABEF" stroke-linecap="round"></path>
-            <g id="数据-(1)" transform="translate(179.000000, 39.000000)" fill="#FFFFFF" fill-rule="nonzero" stroke="#FFFFFF" stroke-width="0.4">
-                <path d="M6.88218391,0.906968391 C7.75502874,0.906968391 8.60093391,0.980603448 9.39295977,1.12607759 C10.1436782,1.26257184 10.8117816,1.45833333 11.3811063,1.70258621 C11.8965517,1.92528736 12.3078305,2.18390805 12.5664511,2.44971264 C12.6957615,2.58261494 12.8502155,2.78017241 12.8502155,2.97772989 C12.8502155,3.17528736 12.6957615,3.37284483 12.5664511,3.50574713 C12.3060345,3.77155172 11.8965517,4.03017241 11.3811063,4.25287356 C10.8135776,4.49892241 10.1436782,4.69288793 9.39295977,4.82938218 C8.59913793,4.97485632 7.75502874,5.04849138 6.88218391,5.04849138 C6.00933908,5.04849138 5.16343391,4.97485632 4.37140805,4.82938218 C3.62068966,4.69288793 2.95258621,4.49712644 2.38326149,4.25287356 C1.86781609,4.03017241 1.45653736,3.77155172 1.19791667,3.50574713 C1.06860632,3.37284483 0.914152299,3.17528736 0.914152299,2.97772989 C0.914152299,2.78017241 1.06860632,2.58261494 1.19791667,2.44971264 C1.45833333,2.18390805 1.86781609,1.92528736 2.38326149,1.70258621 C2.95079023,1.45653736 3.62068966,1.26257184 4.37140805,1.12607759 C5.16522989,0.980603448 6.00933908,0.906968391 6.88218391,0.906968391 M6.88218391,0.00897988506 C3.08908046,0.00897988506 0.0161637931,1.33800287 0.0161637931,2.97772989 C0.0161637931,4.6174569 3.09087644,5.94468391 6.88218391,5.94468391 C10.6734914,5.94468391 13.748204,4.61566092 13.748204,2.97593391 C13.748204,1.3362069 10.6752874,0.00897988506 6.88218391,0.00897988506 Z M6.90373563,9.38397989 C5.13469828,9.38397989 3.46443966,9.1091954 2.20186782,8.60811782 C1.56070402,8.35308908 1.05064655,8.05136494 0.686063218,7.71012931 C0.264008621,7.31501437 0.0395114943,6.85883621 0.0395114943,6.39367816 L0.9375,6.39367816 C0.9375,6.86242816 1.53376437,7.37787356 2.53232759,7.77298851 C3.69252874,8.23275862 5.24425287,8.48599138 6.90373563,8.48599138 C8.56321839,8.48599138 10.1149425,8.23275862 11.2751437,7.77298851 C12.2737069,7.37787356 12.8699713,6.86242816 12.8699713,6.39367816 L13.7679598,6.39367816 C13.7679598,6.85883621 13.5452586,7.31501437 13.121408,7.71012931 C12.7568247,8.05136494 12.2467672,8.35308908 11.6056034,8.60811782 C10.3430316,9.1091954 8.67277299,9.38397989 6.90373563,9.38397989 Z M6.89116379,12.7765805 C5.12392241,12.7765805 3.45545977,12.5269397 2.19468391,12.0743534 C1.55352011,11.8444684 1.04346264,11.5696839 0.67887931,11.2607759 C0.131106322,10.7956178 0.0143678161,10.3304598 0.0143678161,10.0215517 L0.914152299,10.0215517 C0.914152299,10.3304598 1.33081897,10.8099856 2.49820402,11.2302443 C3.6637931,11.6487069 5.22449713,11.878592 6.89116379,11.878592 C8.55783046,11.878592 10.1167385,11.6487069 11.2841236,11.2302443 C12.4533046,10.8117816 12.8681753,10.3304598 12.8681753,10.0215517 L13.7679598,10.0215517 C13.7679598,10.3304598 13.6530172,10.7956178 13.1034483,11.2607759 C12.7388649,11.5696839 12.2288075,11.8444684 11.5876437,12.0743534 C10.3268678,12.5269397 8.65840517,12.7765805 6.89116379,12.7765805 Z M6.89116379,15.9698276 C5.12392241,15.9698276 3.45725575,15.7237787 2.19468391,15.2747845 C1.55352011,15.0466954 1.04346264,14.7755029 0.67887931,14.4683908 C0.129310345,14.0068247 0.0143678161,13.5434626 0.0143678161,13.2345546 L0.912356322,13.2345546 C0.912356322,13.5380747 1.32902299,14.0122126 2.49640805,14.4270833 C3.6637931,14.841954 5.22449713,15.0700431 6.89116379,15.0700431 C8.55783046,15.0700431 10.1185345,14.841954 11.2859195,14.4270833 C12.4533046,14.0122126 12.8699713,13.5380747 12.8699713,13.2345546 L13.7679598,13.2345546 C13.7679598,13.5416667 13.6530172,14.0050287 13.1034483,14.4683908 C12.7388649,14.7755029 12.2288075,15.0466954 11.5876437,15.2747845 C10.3250718,15.7237787 8.65840517,15.9698276 6.89116379,15.9698276 Z" id="形状"></path>
-                <path d="M0.567528736,13.6314655 L0.448994253,13.6314655 C0.208333333,13.6314655 0.0125718391,13.435704 0.0125718391,13.1950431 L0.0125718391,3.07650862 C0.0125718391,2.8358477 0.208333333,2.64008621 0.448994253,2.64008621 L0.567528736,2.64008621 C0.756106322,2.64008621 0.910560345,2.79454023 0.910560345,2.98311782 L0.910560345,13.2884339 C0.910560345,13.4770115 0.756106322,13.6314655 0.567528736,13.6314655 Z M13.4249282,13.672773 L13.3063937,13.672773 C13.0657328,13.672773 12.8699713,13.4770115 12.8699713,13.2363506 L12.8699713,3.13577586 C12.8699713,2.89511494 13.0657328,2.69935345 13.3063937,2.69935345 L13.4249282,2.69935345 C13.6135057,2.69935345 13.7679598,2.85380747 13.7679598,3.04238506 L13.7679598,13.3297414 C13.7679598,13.518319 13.6135057,13.672773 13.4249282,13.672773 Z M11.3236351,5.90876437 C11.0111351,5.90876437 10.7579023,6.16199713 10.7579023,6.47449713 C10.7579023,6.78699713 11.0111351,7.04022989 11.3236351,7.04022989 C11.6361351,7.04022989 11.8893678,6.78699713 11.8893678,6.47449713 C11.8893678,6.16199713 11.6361351,5.90876437 11.3236351,5.90876437 Z M11.3236351,9.32112069 C11.0111351,9.32112069 10.7579023,9.57435345 10.7579023,9.88685345 C10.7579023,10.1993534 11.0111351,10.4525862 11.3236351,10.4525862 C11.6361351,10.4525862 11.8893678,10.1993534 11.8893678,9.88685345 C11.8893678,9.57435345 11.6361351,9.32112069 11.3236351,9.32112069 Z M11.3236351,12.6975575 C11.0111351,12.6975575 10.7579023,12.9507902 10.7579023,13.2632902 C10.7579023,13.5757902 11.0111351,13.829023 11.3236351,13.829023 C11.6361351,13.829023 11.8893678,13.5757902 11.8893678,13.2632902 C11.8893678,12.9507902 11.6361351,12.6975575 11.3236351,12.6975575 Z" id="形状"></path>
-            </g>
-            <path d="M72.5637829,141.9082 C73.0480419,141.29499 73.4883661,140.64548 73.8800055,139.964421 C75.2286726,137.619092 76,134.899623 76,132 C76,123.163444 68.836556,116 60,116 C54.8379246,116 50.2468118,118.444581 47.3211786,122.239227 C45.2386475,124.94034 44,128.325519 44,132 C44,132.792904 44.0576762,133.572337 44.1690622,134.334332 C44.686342,137.873063 46.3619808,141.035718 48.7986984,143.425016 C51.6848124,146.254966 55.6386189,148 60,148 C62.3396615,148 64.562032,147.497817 66.5652032,146.59536" id="路径" stroke="#014848" stroke-width="2" fill="#A2E5E6" stroke-linecap="round"></path>
-            <circle id="椭圆形" stroke="#FFFFFF" stroke-width="1.4" cx="63" cy="128" r="3"></circle>
-            <ellipse id="椭圆形备份-2" stroke="#FFFFFF" stroke-width="1.4" cx="54" cy="131" rx="3" ry="2"></ellipse>
-            <rect id="矩形" stroke="#FFFFFF" stroke-width="1.4" x="59" y="134" width="6" height="6"></rect>
-            <g id="编组-31" transform="translate(65.000000, 88.000000)">
+            <path d="M44.5,81 L44.5,78 M44,67.433713 L44,52.721519 C44,50.6661808 45.6569649,49 47.7009346,49 L172.299065,49 C174.343035,49 176,50.6661808 176,52.721519 L176,143.278481 C176,145.333819 174.343035,147 172.299065,147 L47.7009346,147 C45.6569649,147 44,145.333819 44,143.278481 L44,91.157947 L44,91.157947" id="形状" fill-opacity="0.1" fill="#000000"></path>
+            <path d="M56.217828,73 L56.217828,70 M55.717828,59.433713 L55.717828,44.721519 C55.717828,42.6661808 57.3747928,41 59.4187626,41 L184.016893,41 C186.060863,41 187.717828,42.6661808 187.717828,44.721519 L187.717828,135.278481 C187.717828,137.333819 186.060863,139 184.016893,139 L59.4187626,139 C57.3747928,139 55.717828,137.333819 55.717828,135.278481 L55.717828,83.157947 L55.717828,83.157947" id="形状" stroke="#666666" stroke-width="2" fill="#FFFFFF" stroke-linecap="round"></path>
+            <path d="M80.5,157 C81.3284271,157 82,157.671573 82,158.5 L81.999,160 L83.5,160 C84.3284271,160 85,160.671573 85,161.5 C85,162.328427 84.3284271,163 83.5,163 L81.999,163 L82,164.5 C82,165.328427 81.3284271,166 80.5,166 C79.6715729,166 79,165.328427 79,164.5 L78.999,163 L77.5,163 C76.6715729,163 76,162.328427 76,161.5 C76,160.671573 76.6715729,160 77.5,160 L78.999,160 L79,158.5 C79,157.671573 79.6715729,157 80.5,157 Z" id="形状结合" fill="#CCCCCC" transform="translate(80.500000, 161.500000) rotate(-360.000000) translate(-80.500000, -161.500000) "></path>
+            <circle id="椭圆形" fill="#BBBBBB" cx="42.782172" cy="95.5" r="1.5"></circle>
+            <circle id="椭圆形备份" fill="#BBBBBB" cx="207.5" cy="80.5" r="1.5"></circle>
+            <g id="编组-31" transform="translate(65.000000, 82.000000)">
                 <line x1="4.01477123" y1="8.18823529" x2="98.9411765" y2="8.18823529" id="路径-65" stroke="#D4D9E6" stroke-width="0.4"></line>
-                <rect id="矩形" stroke="#00A5A7" stroke-width="0.2" fill="#AAF2F3" x="0" y="5.45882353" width="9.55294118" height="5.45882353"></rect>
-                <rect id="矩形备份-118" stroke="#00A5A7" stroke-width="0.2" fill="#AAF2F3" x="94.1647059" y="5.45882353" width="9.55294118" height="5.45882353"></rect>
-                <rect id="矩形备份-119" stroke="#00A5A7" stroke-width="0.2" fill="#AAF2F3" x="106.447059" y="5.45882353" width="9.55294118" height="5.45882353"></rect>
-                <rect id="矩形" stroke="#00A5A7" stroke-width="0.2" fill="#DCFCFC" x="12.2823529" y="0" width="10.9176471" height="15.0117647"></rect>
-                <rect id="矩形备份-113" stroke="#00A5A7" stroke-width="0.2" fill="#DCFCFC" x="25.9294118" y="0" width="10.9176471" height="15.0117647"></rect>
-                <rect id="矩形备份-114" stroke="#00A5A7" stroke-width="0.2" fill="#DCFCFC" x="39.5764706" y="0" width="15.0117647" height="15.0117647"></rect>
-                <rect id="矩形备份-115" stroke="#00A5A7" stroke-width="0.2" fill="#DCFCFC" x="57.3176471" y="0" width="9.55294118" height="15.0117647"></rect>
-                <rect id="矩形备份-116" stroke="#00A5A7" stroke-width="0.2" fill="#DCFCFC" x="69.6" y="0" width="9.55294118" height="15.0117647"></rect>
-                <rect id="矩形备份-117" stroke="#00A5A7" stroke-width="0.2" fill="#DCFCFC" x="81.8823529" y="0" width="9.55294118" height="15.0117647"></rect>
-                <rect id="矩形" fill="#00A5A7" opacity="0.6" x="15.0117647" y="2.72941176" width="5.45882353" height="1.36470588" rx="0.5"></rect>
-                <rect id="矩形备份-120" fill="#00A5A7" opacity="0.6" x="28.6588235" y="2.72941176" width="5.45882353" height="1.36470588" rx="0.5"></rect>
-                <rect id="矩形备份-121" fill="#00A5A7" opacity="0.6" x="42.3058824" y="2.72941176" width="9.55294118" height="1.36470588" rx="0.5"></rect>
-                <rect id="矩形备份-122" fill="#00A5A7" opacity="0.6" x="60.0470588" y="2.72941176" width="4.09411765" height="1.36470588" rx="0.5"></rect>
-                <rect id="矩形备份-123" fill="#00A5A7" opacity="0.6" x="72.3294118" y="2.72941176" width="4.09411765" height="1.36470588" rx="0.5"></rect>
-                <rect id="矩形备份-124" fill="#00A5A7" opacity="0.6" x="84.6117647" y="2.72941176" width="4.09411765" height="1.36470588" rx="0.5"></rect>
-                <ellipse id="椭圆形" stroke="#00A5A7" stroke-width="0.2" fill="#AAF2F3" cx="17.7411765" cy="10.9176471" rx="4.09411765" ry="2.72941176"></ellipse>
-                <ellipse id="椭圆形备份-24" stroke="#00A5A7" stroke-width="0.2" fill="#AAF2F3" cx="31.3882353" cy="10.9176471" rx="4.09411765" ry="2.72941176"></ellipse>
-                <ellipse id="椭圆形备份-26" stroke="#00A5A7" stroke-width="0.2" fill="#AAF2F3" cx="62.0941176" cy="10.9176471" rx="3.41176471" ry="2.72941176"></ellipse>
-                <ellipse id="椭圆形备份-27" stroke="#00A5A7" stroke-width="0.2" fill="#AAF2F3" cx="74.3764706" cy="10.9176471" rx="3.41176471" ry="2.72941176"></ellipse>
-                <ellipse id="椭圆形备份-28" stroke="#00A5A7" stroke-width="0.2" fill="#AAF2F3" cx="86.6588235" cy="10.9176471" rx="3.41176471" ry="2.72941176"></ellipse>
-                <ellipse id="椭圆形备份-25" stroke="#00A5A7" stroke-width="0.2" fill="#AAF2F3" cx="47.0823529" cy="10.9176471" rx="6.14117647" ry="2.72941176"></ellipse>
+                <rect id="矩形" stroke="#9E9E9E" stroke-width="0.2" fill="#D8D8D8" x="0" y="5.45882353" width="9.55294118" height="5.45882353"></rect>
+                <rect id="矩形备份-118" stroke="#9E9E9E" stroke-width="0.2" fill="#D8D8D8" x="94.1647059" y="5.45882353" width="9.55294118" height="5.45882353"></rect>
+                <rect id="矩形备份-119" stroke="#9E9E9E" stroke-width="0.2" fill="#D8D8D8" x="106.447059" y="5.45882353" width="9.55294118" height="5.45882353"></rect>
+                <rect id="矩形" stroke="#A6A6A6" stroke-width="0.2" fill="#ECECEC" x="12.2823529" y="0" width="10.9176471" height="15.0117647"></rect>
+                <rect id="矩形备份-113" stroke="#A6A6A6" stroke-width="0.2" fill="#ECECEC" x="25.9294118" y="0" width="10.9176471" height="15.0117647"></rect>
+                <rect id="矩形备份-114" stroke="#A6A6A6" stroke-width="0.2" fill="#ECECEC" x="39.5764706" y="0" width="15.0117647" height="15.0117647"></rect>
+                <rect id="矩形备份-115" stroke="#A6A6A6" stroke-width="0.2" fill="#ECECEC" x="57.3176471" y="0" width="9.55294118" height="15.0117647"></rect>
+                <rect id="矩形备份-116" stroke="#A6A6A6" stroke-width="0.2" fill="#ECECEC" x="69.6" y="0" width="9.55294118" height="15.0117647"></rect>
+                <rect id="矩形备份-117" stroke="#A6A6A6" stroke-width="0.2" fill="#ECECEC" x="81.8823529" y="0" width="9.55294118" height="15.0117647"></rect>
+                <rect id="矩形" fill="#666666" opacity="0.6" x="15" y="3" width="5.45882353" height="1.36470588" rx="0.5"></rect>
+                <rect id="矩形备份-120" fill="#666666" opacity="0.6" x="28.6588235" y="2.72941176" width="5.45882353" height="1.36470588" rx="0.5"></rect>
+                <rect id="矩形备份-121" fill="#666666" opacity="0.6" x="42.3058824" y="2.72941176" width="9.55294118" height="1.36470588" rx="0.5"></rect>
+                <rect id="矩形备份-122" fill="#666666" opacity="0.6" x="60.0470588" y="2.72941176" width="4.09411765" height="1.36470588" rx="0.5"></rect>
+                <rect id="矩形备份-123" fill="#666666" opacity="0.6" x="72.3294118" y="2.72941176" width="4.09411765" height="1.36470588" rx="0.5"></rect>
+                <rect id="矩形备份-124" fill="#666666" opacity="0.6" x="84.6117647" y="2.72941176" width="4.09411765" height="1.36470588" rx="0.5"></rect>
+                <ellipse id="椭圆形" stroke="#9E9E9E" stroke-width="0.2" fill="#D8D8D8" cx="17.7411765" cy="10.9176471" rx="4.09411765" ry="2.72941176"></ellipse>
+                <ellipse id="椭圆形备份-24" stroke="#9E9E9E" stroke-width="0.2" fill="#D8D8D8" cx="31.3882353" cy="10.9176471" rx="4.09411765" ry="2.72941176"></ellipse>
+                <ellipse id="椭圆形备份-26" stroke="#9E9E9E" stroke-width="0.2" fill="#D8D8D8" cx="62.0941176" cy="10.9176471" rx="3.41176471" ry="2.72941176"></ellipse>
+                <ellipse id="椭圆形备份-27" stroke="#9E9E9E" stroke-width="0.2" fill="#D8D8D8" cx="74.3764706" cy="10.9176471" rx="3.41176471" ry="2.72941176"></ellipse>
+                <ellipse id="椭圆形备份-28" stroke="#9E9E9E" stroke-width="0.2" fill="#D8D8D8" cx="86.6588235" cy="10.9176471" rx="3.41176471" ry="2.72941176"></ellipse>
+                <ellipse id="椭圆形备份-25" stroke="#9E9E9E" stroke-width="0.2" fill="#D8D8D8" cx="47.0823529" cy="10.9176471" rx="6.14117647" ry="2.72941176"></ellipse>
             </g>
         </g>
     </g>

mindinsight/ui/src/assets/images/graph-guid.svg

@@ -5,22 +5,22 @@
     <desc>Created with Sketch.</desc>
     <defs>
         <linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="linearGradient-1">
-            <stop stop-color="#EDF2FF" offset="0%"></stop>
-            <stop stop-color="#ECFEFE" offset="100%"></stop>
+            <stop stop-color="#FAFAFA" offset="0%"></stop>
+            <stop stop-color="#FAFAFA" offset="100%"></stop>
         </linearGradient>
     </defs>
     <g id="智能小助手" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="计算图">
-            <path d="M136.782172,18 C137.610599,18 138.282172,18.6715729 138.282172,19.5 L138.281172,21 L139.782172,21 C140.610599,21 141.282172,21.6715729 141.282172,22.5 C141.282172,23.3284271 140.610599,24 139.782172,24 L138.281172,24 L138.282172,25.5 C138.282172,26.3284271 137.610599,27 136.782172,27 C135.953745,27 135.282172,26.3284271 135.282172,25.5 L135.281172,24 L133.782172,24 C132.953745,24 132.282172,23.3284271 132.282172,22.5 C132.282172,21.6715729 132.953745,21 133.782172,21 L135.281172,21 L135.282172,19.5 C135.282172,18.6715729 135.953745,18 136.782172,18 Z" id="形状结合备份" fill="#BBE3E3" transform="translate(136.782172, 22.500000) rotate(-360.000000) translate(-136.782172, -22.500000) "></path>
+            <path d="M136.782172,18 C137.610599,18 138.282172,18.6715729 138.282172,19.5 L138.281172,21 L139.782172,21 C140.610599,21 141.282172,21.6715729 141.282172,22.5 C141.282172,23.3284271 140.610599,24 139.782172,24 L138.281172,24 L138.282172,25.5 C138.282172,26.3284271 137.610599,27 136.782172,27 C135.953745,27 135.282172,26.3284271 135.282172,25.5 L135.281172,24 L133.782172,24 C132.953745,24 132.282172,23.3284271 132.282172,22.5 C132.282172,21.6715729 132.953745,21 133.782172,21 L135.281172,21 L135.282172,19.5 C135.282172,18.6715729 135.953745,18 136.782172,18 Z" id="形状结合备份" fill="#CCCCCC" transform="translate(136.782172, 22.500000) rotate(-360.000000) translate(-136.782172, -22.500000) "></path>
             <path d="M43.0527181,75.2196611 L142.238742,22.0699563 C168.735071,7.87166467 202.615796,16.2975618 217.913459,40.8897243 C233.211122,65.4818867 224.132809,96.9277629 197.63648,111.126055 L98.4504561,164.275759 C71.9541266,178.474051 38.0734016,170.048154 22.7757386,145.455991 C7.47807566,120.863829 16.5563886,89.4179527 43.0527181,75.2196611 Z" id="矩形" fill="url(#linearGradient-1)"></path>
-            <path d="M44.5,81 L44.5,78 M44,67.433713 L44,52.721519 C44,50.6661808 45.6569649,49 47.7009346,49 L172.299065,49 C174.343035,49 176,50.6661808 176,52.721519 L176,143.278481 C176,145.333819 174.343035,147 172.299065,147 L47.7009346,147 C45.6569649,147 44,145.333819 44,143.278481 L44,91.157947 L44,91.157947" id="形状" fill-opacity="0.1" fill="#00A5A7"></path>
-            <path d="M56.5,73 L56.5,70 M56,59.433713 L56,44.721519 C56,42.6661808 57.6569649,41 59.7009346,41 L184.299065,41 C186.343035,41 188,42.6661808 188,44.721519 L188,135.278481 C188,137.333819 186.343035,139 184.299065,139 L59.7009346,139 C57.6569649,139 56,137.333819 56,135.278481 L56,83.157947 L56,83.157947" id="形状" stroke="#014848" stroke-width="2" fill="#FFFFFF" stroke-linecap="round"></path>
+            <path d="M44.5,81 L44.5,78 M44,67.433713 L44,52.721519 C44,50.6661808 45.6569649,49 47.7009346,49 L172.299065,49 C174.343035,49 176,50.6661808 176,52.721519 L176,143.278481 C176,145.333819 174.343035,147 172.299065,147 L47.7009346,147 C45.6569649,147 44,145.333819 44,143.278481 L44,91.157947 L44,91.157947" id="形状" fill-opacity="0.1" fill="#000000"></path>
+            <path d="M56.5,73 L56.5,70 M56,59.433713 L56,44.721519 C56,42.6661808 57.6569649,41 59.7009346,41 L184.299065,41 C186.343035,41 188,42.6661808 188,44.721519 L188,135.278481 C188,137.333819 186.343035,139 184.299065,139 L59.7009346,139 C57.6569649,139 56,137.333819 56,135.278481 L56,83.157947 L56,83.157947" id="形状" stroke="#666666" stroke-width="2" fill="#FFFFFF" stroke-linecap="round"></path>
             <g id="编组-27" transform="translate(81.000000, 50.000000)">
-                <rect id="矩形" fill="#6EDEDF" x="37" y="81" width="5" height="3"></rect>
-                <rect id="矩形" stroke="#98F1F2" stroke-width="0.2" fill="#EFFEFE" x="0" y="0" width="78" height="75"></rect>
-                <rect id="矩形" stroke="#98F1F2" stroke-width="0.2" fill="#DEFFFF" x="55" y="25" width="21" height="27"></rect>
-                <rect id="矩形" stroke="#98F1F2" stroke-width="0.2" fill="#EAFCFC" x="3" y="7" width="50" height="63"></rect>
-                <rect id="矩形" stroke="#98F1F2" stroke-width="0.2" fill="#DEFFFF" x="5" y="11" width="45" height="49"></rect>
+                <rect id="矩形" fill="#CCCCCC" x="37" y="81" width="5" height="3"></rect>
+                <rect id="矩形" stroke="#BBBBBB" stroke-width="0.2" fill="#F7F7F7" x="0" y="0" width="78" height="75"></rect>
+                <rect id="矩形" stroke="#BBBBBB" stroke-width="0.2" fill="#F2F2F2" x="55" y="25" width="21" height="27"></rect>
+                <rect id="矩形" stroke="#BBBBBB" stroke-width="0.2" fill="#F2F2F2" x="3" y="7" width="50" height="63"></rect>
+                <rect id="矩形" stroke="#BBBBBB" stroke-width="0.2" fill="#EAEAEA" x="8" y="11" width="45" height="49"></rect>
                 <g id="编组-24" transform="translate(8.572751, 15.500000)" stroke-width="0.4">
                     <line x1="0.5" y1="12.5" x2="0.5" y2="15.5956987" id="路径-41" stroke="#D4D9E6"></line>
                     <path d="" id="路径-42" stroke="#979797"></path>
@@ -35,43 +35,33 @@
                     <polyline id="路径-60" stroke="#D4D9E6" points="50.4272494 15 52.4272494 20 52.4272494 25.1628607 52.4272494 31.5"></polyline>
                     <path d="M61.4272494,14.0478493 L61.4272494,20.3968419 C60.36192,23.5222929 57.36192,25.2233456 52.4272494,25.5" id="路径-61" stroke="#D4D9E6"></path>
                 </g>
-                <rect id="矩形" fill="#6EDEDF" x="6" y="25" width="8" height="3"></rect>
-                <rect id="矩形备份-106" fill="#6EDEDF" x="7" y="31" width="5" height="3"></rect>
-                <rect id="矩形备份-107" fill="#6EDEDF" x="15" y="63" width="14" height="3"></rect>
-                <rect id="矩形备份-102" fill="#6EDEDF" x="27" y="19" width="5" height="3"></rect>
-                <rect id="矩形备份-103" fill="#6EDEDF" x="33" y="14" width="6" height="3"></rect>
-                <rect id="矩形备份-104" fill="#6EDEDF" x="29" y="30" width="6" height="3"></rect>
-                <rect id="矩形备份-108" fill="#6EDEDF" x="67" y="34" width="6" height="3" rx="1"></rect>
-                <rect id="矩形备份-109" fill="#6EDEDF" x="56" y="29" width="6" height="3" rx="1"></rect>
-                <rect id="矩形备份-105" fill="#6EDEDF" x="16" y="36" width="5" height="3"></rect>
-                <rect id="矩形" fill="#00A5A7" opacity="0.6" x="37" y="3" width="6" height="1" rx="0.5"></rect>
-                <rect id="矩形备份-110" fill="#00A5A7" opacity="0.6" x="62" y="26" width="6" height="1" rx="0.5"></rect>
-                <rect id="矩形备份-111" fill="#00A5A7" opacity="0.6" x="25" y="9" width="6" height="1" rx="0.5"></rect>
-                <rect id="矩形备份-112" fill="#00A5A7" opacity="0.6" x="24" y="13" width="6" height="1" rx="0.5"></rect>
+                <rect id="矩形" fill="#CCCCCC" x="6" y="25" width="8" height="3"></rect>
+                <rect id="矩形备份-106" fill="#CCCCCC" x="7" y="31" width="5" height="3"></rect>
+                <rect id="矩形备份-107" fill="#CCCCCC" x="15" y="63" width="14" height="3"></rect>
+                <rect id="矩形备份-102" fill="#CCCCCC" x="27" y="19" width="5" height="3"></rect>
+                <rect id="矩形备份-103" fill="#CCCCCC" x="33" y="14" width="6" height="3"></rect>
+                <rect id="矩形备份-104" fill="#CCCCCC" x="29" y="30" width="6" height="3"></rect>
+                <rect id="矩形备份-108" fill="#CCCCCC" x="67" y="34" width="6" height="3" rx="1"></rect>
+                <rect id="矩形备份-109" fill="#CCCCCC" x="56" y="29" width="6" height="3" rx="1"></rect>
+                <rect id="矩形备份-105" fill="#CCCCCC" x="16" y="36" width="5" height="3"></rect>
+                <rect id="矩形" fill="#666666" opacity="0.6" x="38" y="3" width="6" height="1" rx="0.5"></rect>
+                <rect id="矩形备份-110" fill="#666666" opacity="0.6" x="62" y="26" width="6" height="1" rx="0.5"></rect>
+                <rect id="矩形备份-111" fill="#666666" opacity="0.6" x="26" y="9" width="6" height="1" rx="0.5"></rect>
+                <rect id="矩形备份-112" fill="#666666" opacity="0.6" x="25" y="13" width="6" height="1" rx="0.5"></rect>
                 <line x1="26.8604065" y1="70" x2="39.5" y2="75" id="路径-39" stroke="#D4D9E6" stroke-width="0.4"></line>
                 <line x1="39.5" y1="81" x2="39.5" y2="75" id="路径-40" stroke="#D4D9E6" stroke-width="0.4"></line>
-                <polygon id="多边形" fill="#6EDEDF" points="29 41 32.5355339 41.5857864 34 43 32.5355339 44.4142136 29 45 25.4644661 44.4142136 24 43 25.4644661 41.5857864"></polygon>
-                <polygon id="多边形备份" fill="#6EDEDF" points="61 34 64.5355339 34.4393398 66 35.5 64.5355339 36.5606602 61 37 57.4644661 36.5606602 56 35.5 57.4644661 34.4393398"></polygon>
-                <polygon id="多边形备份-2" fill="#6EDEDF" points="70 28 73.5355339 28.4393398 75 29.5 73.5355339 30.5606602 70 31 66.4644661 30.5606602 65 29.5 66.4644661 28.4393398"></polygon>
-                <polygon id="多边形备份-3" fill="#6EDEDF" points="61 39 63.1213203 39.4393398 64 40.5 63.1213203 41.5606602 61 42 58.8786797 41.5606602 58 40.5 58.8786797 39.4393398"></polygon>
-                <ellipse id="椭圆形" fill="#6EDEDF" cx="27" cy="48.5" rx="3" ry="1.5"></ellipse>
-                <ellipse id="椭圆形备份-23" fill="#6EDEDF" cx="62" cy="46.5" rx="3" ry="1.5"></ellipse>
-                <ellipse id="椭圆形备份-22" fill="#6EDEDF" cx="20.5" cy="53.5" rx="2.5" ry="1.5"></ellipse>
+                <polygon id="多边形" fill="#CCCCCC" points="29 41 32.5355339 41.5857864 34 43 32.5355339 44.4142136 29 45 25.4644661 44.4142136 24 43 25.4644661 41.5857864"></polygon>
+                <polygon id="多边形备份" fill="#CCCCCC" points="61 34 64.5355339 34.4393398 66 35.5 64.5355339 36.5606602 61 37 57.4644661 36.5606602 56 35.5 57.4644661 34.4393398"></polygon>
+                <polygon id="多边形备份-2" fill="#CCCCCC" points="70 28 73.5355339 28.4393398 75 29.5 73.5355339 30.5606602 70 31 66.4644661 30.5606602 65 29.5 66.4644661 28.4393398"></polygon>
+                <polygon id="多边形备份-3" fill="#CCCCCC" points="61 39 63.1213203 39.4393398 64 40.5 63.1213203 41.5606602 61 42 58.8786797 41.5606602 58 40.5 58.8786797 39.4393398"></polygon>
+                <ellipse id="椭圆形" fill="#CCCCCC" cx="27" cy="48.5" rx="3" ry="1.5"></ellipse>
+                <ellipse id="椭圆形备份-23" fill="#CCCCCC" cx="62" cy="46.5" rx="3" ry="1.5"></ellipse>
+                <ellipse id="椭圆形备份-22" fill="#CCCCCC" cx="20.5" cy="53.5" rx="2.5" ry="1.5"></ellipse>
                 <path d="M66,52 C64.7636675,65.6377298 55.9545844,73.3043964 39.5727506,75" id="路径-62" stroke="#D4D9E6" stroke-width="0.4"></path>
             </g>
-            <path d="M80.5,157 C81.3284271,157 82,157.671573 82,158.5 L81.999,160 L83.5,160 C84.3284271,160 85,160.671573 85,161.5 C85,162.328427 84.3284271,163 83.5,163 L81.999,163 L82,164.5 C82,165.328427 81.3284271,166 80.5,166 C79.6715729,166 79,165.328427 79,164.5 L78.999,163 L77.5,163 C76.6715729,163 76,162.328427 76,161.5 C76,160.671573 76.6715729,160 77.5,160 L78.999,160 L79,158.5 C79,157.671573 79.6715729,157 80.5,157 Z" id="形状结合" fill="#ACBCF0" transform="translate(80.500000, 161.500000) rotate(-360.000000) translate(-80.500000, -161.500000) "></path>
-            <circle id="椭圆形" fill="#ACBCF0" cx="42.782172" cy="95.5" r="1.5"></circle>
-            <circle id="椭圆形备份" fill="#BBE3E3" cx="207.5" cy="80.5" r="1.5"></circle>
-            <circle id="椭圆形" fill-opacity="0.1" fill="#00A5A7" cx="181" cy="51" r="18"></circle>
-            <circle id="椭圆形备份-3" fill-opacity="0.1" fill="#00A5A7" cx="55" cy="135" r="18"></circle>
-            <path d="M196.071045,31.0788984 C193.196838,29.1351405 189.730982,28 186,28 C176.058875,28 168,36.0588745 168,46 C168,55.9411255 176.058875,64 186,64 C195.941125,64 204,55.9411255 204,46 C204,42.4508045 202.972781,39.1415289 201.199425,36.3532559" id="路径" stroke="#014848" stroke-width="2" fill="#97ABEF" stroke-linecap="round"></path>
-            <g id="graph" transform="translate(179.000000, 38.000000)" fill="#FFFFFF" fill-rule="nonzero">
-                <path d="M9.58349799,11.7874409 C9.30987544,11.7874409 9.03625287,11.9242522 8.89944159,12.1978747 L5.34234833,9.05121532 C5.75278218,8.5039702 5.88959346,7.68310253 5.75278218,6.99904613 L8.76263032,6.17817846 C9.30987544,7.27266868 10.8147995,7.95672508 11.9092897,7.40947997 C13.1405912,6.86223485 13.6878364,5.49412206 13.2774025,4.26282056 C12.7301574,3.03151904 11.3620446,2.48427394 10.1307431,3.03151904 C9.72030927,3.16833032 9.44668671,3.3051416 9.17306415,3.57876416 L7.66814008,2.62108521 C7.80495135,2.21065137 7.94176263,1.66340627 7.66814008,1.11616115 C7.25770623,0.158482197 6.16321601,-0.251951648 5.20553706,0.158482181 C4.38466939,0.568916025 3.97423554,1.66340625 4.24785811,2.62108521 C4.65829195,3.57876416 5.75278218,3.98919801 6.71046113,3.57876416 C6.98408368,3.44195289 7.12089497,3.30514161 7.25770625,3.16833032 L8.89944159,4.26282056 C8.62581904,4.53644311 8.62581904,5.08368823 8.62581904,5.49412206 L5.6159709,6.31498975 C4.93191451,4.6732544 3.29017916,3.98919801 1.78525508,4.67325439 C0.280331007,5.35731078 -0.40372539,6.99904613 0.280331007,8.5039702 C0.827576127,10.0088943 2.60612275,10.6929507 4.11104683,10.1457056 C4.38466939,10.0088943 4.65829195,9.87208301 4.93191451,9.59846044 L8.48900775,12.7451199 C8.07857391,13.292365 7.94176263,14.1132326 8.2153852,14.9341003 C8.76263032,16.1654018 10.1307431,16.7126469 11.4988559,16.1654018 C12.7301574,15.6181567 13.2774025,14.2500439 12.7301574,12.8819311 C12.1829123,11.7874409 10.8147995,11.2401958 9.58349799,11.7874409 L9.58349799,11.7874409 Z" id="路径"></path>
-            </g>
-            <path d="M72.5637829,141.9082 C73.0480419,141.29499 73.4883661,140.64548 73.8800055,139.964421 C75.2286726,137.619092 76,134.899623 76,132 C76,123.163444 68.836556,116 60,116 C54.8379246,116 50.2468118,118.444581 47.3211786,122.239227 C45.2386475,124.94034 44,128.325519 44,132 C44,132.792904 44.0576762,133.572337 44.1690622,134.334332 C44.686342,137.873063 46.3619808,141.035718 48.7986984,143.425016 C51.6848124,146.254966 55.6386189,148 60,148 C62.3396615,148 64.562032,147.497817 66.5652032,146.59536" id="路径" stroke="#014848" stroke-width="2" fill="#A2E5E6" stroke-linecap="round"></path>
-            <polygon id="yellow备份" stroke="#FFFFFF" stroke-width="1.4" points="53.3333333 127 56.6666667 127 58 128.740401 58 131.296304 56.6666667 133 53.3333333 133 52 131.286503 52 128.741454"></polygon>
-            <circle id="椭圆形" stroke="#FFFFFF" stroke-width="1.4" cx="63" cy="128" r="3"></circle>
-            <rect id="矩形" stroke="#FFFFFF" stroke-width="1.4" x="59" y="134" width="6" height="6"></rect>
+            <path d="M80.5,157 C81.3284271,157 82,157.671573 82,158.5 L81.999,160 L83.5,160 C84.3284271,160 85,160.671573 85,161.5 C85,162.328427 84.3284271,163 83.5,163 L81.999,163 L82,164.5 C82,165.328427 81.3284271,166 80.5,166 C79.6715729,166 79,165.328427 79,164.5 L78.999,163 L77.5,163 C76.6715729,163 76,162.328427 76,161.5 C76,160.671573 76.6715729,160 77.5,160 L78.999,160 L79,158.5 C79,157.671573 79.6715729,157 80.5,157 Z" id="形状结合" fill="#CCCCCC" transform="translate(80.500000, 161.500000) rotate(-360.000000) translate(-80.500000, -161.500000) "></path>
+            <circle id="椭圆形" fill="#BBBBBB" cx="42.782172" cy="95.5" r="1.5"></circle>
+            <circle id="椭圆形备份" fill="#BBBBBB" cx="207.5" cy="80.5" r="1.5"></circle>
         </g>
     </g>
 </svg>

mindinsight/ui/src/assets/images/histogram-guid.svg

@@ -5,41 +5,30 @@
     <desc>Created with Sketch.</desc>
     <defs>
         <linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="linearGradient-1">
-            <stop stop-color="#EDF2FF" offset="0%"></stop>
-            <stop stop-color="#ECFEFE" offset="100%"></stop>
+            <stop stop-color="#FAFAFA" offset="0%"></stop>
+            <stop stop-color="#FAFAFA" offset="100%"></stop>
         </linearGradient>
     </defs>
     <g id="智能小助手" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="参数分布图">
-            <path d="M136.782172,18 C137.610599,18 138.282172,18.6715729 138.282172,19.5 L138.281172,21 L139.782172,21 C140.610599,21 141.282172,21.6715729 141.282172,22.5 C141.282172,23.3284271 140.610599,24 139.782172,24 L138.281172,24 L138.282172,25.5 C138.282172,26.3284271 137.610599,27 136.782172,27 C135.953745,27 135.282172,26.3284271 135.282172,25.5 L135.281172,24 L133.782172,24 C132.953745,24 132.282172,23.3284271 132.282172,22.5 C132.282172,21.6715729 132.953745,21 133.782172,21 L135.281172,21 L135.282172,19.5 C135.282172,18.6715729 135.953745,18 136.782172,18 Z" id="形状结合备份" fill="#BBE3E3" transform="translate(136.782172, 22.500000) rotate(-360.000000) translate(-136.782172, -22.500000) "></path>
+            <path d="M136.782172,18 C137.610599,18 138.282172,18.6715729 138.282172,19.5 L138.281172,21 L139.782172,21 C140.610599,21 141.282172,21.6715729 141.282172,22.5 C141.282172,23.3284271 140.610599,24 139.782172,24 L138.281172,24 L138.282172,25.5 C138.282172,26.3284271 137.610599,27 136.782172,27 C135.953745,27 135.282172,26.3284271 135.282172,25.5 L135.281172,24 L133.782172,24 C132.953745,24 132.282172,23.3284271 132.282172,22.5 C132.282172,21.6715729 132.953745,21 133.782172,21 L135.281172,21 L135.282172,19.5 C135.282172,18.6715729 135.953745,18 136.782172,18 Z" id="形状结合备份" fill="#CCCCCC" transform="translate(136.782172, 22.500000) rotate(-360.000000) translate(-136.782172, -22.500000) "></path>
             <path d="M43.0527181,75.2196611 L142.238742,22.0699563 C168.735071,7.87166467 202.615796,16.2975618 217.913459,40.8897243 C233.211122,65.4818867 224.132809,96.9277629 197.63648,111.126055 L98.4504561,164.275759 C71.9541266,178.474051 38.0734016,170.048154 22.7757386,145.455991 C7.47807566,120.863829 16.5563886,89.4179527 43.0527181,75.2196611 Z" id="矩形" fill="url(#linearGradient-1)"></path>
-            <path d="M44.5,81 L44.5,78 M44,67.433713 L44,52.721519 C44,50.6661808 45.6569649,49 47.7009346,49 L172.299065,49 C174.343035,49 176,50.6661808 176,52.721519 L176,143.278481 C176,145.333819 174.343035,147 172.299065,147 L47.7009346,147 C45.6569649,147 44,145.333819 44,143.278481 L44,91.157947 L44,91.157947" id="形状" fill-opacity="0.1" fill="#00A5A7"></path>
-            <path d="M56.5,73 L56.5,70 M56,59.433713 L56,44.721519 C56,42.6661808 57.6569649,41 59.7009346,41 L184.299065,41 C186.343035,41 188,42.6661808 188,44.721519 L188,135.278481 C188,137.333819 186.343035,139 184.299065,139 L59.7009346,139 C57.6569649,139 56,137.333819 56,135.278481 L56,83.157947 L56,83.157947" id="形状" stroke="#014848" stroke-width="2" fill="#FFFFFF" stroke-linecap="round"></path>
-            <rect id="矩形" fill="#00A5A7" x="64" y="61" width="12" height="2" rx="1"></rect>
-            <path d="M56,51 L126,51 C126.552285,51 127,51.4477153 127,52 C127,52.5522847 126.552285,53 126,53 L56,53 L56,53 L56,51 Z" id="矩形" fill="#00A5A7" opacity="0.1"></path>
-            <rect id="矩形备份-100" fill="#D4D9E6" x="64" y="66" width="21" height="2" rx="1"></rect>
-            <path d="M80.5,157 C81.3284271,157 82,157.671573 82,158.5 L81.999,160 L83.5,160 C84.3284271,160 85,160.671573 85,161.5 C85,162.328427 84.3284271,163 83.5,163 L81.999,163 L82,164.5 C82,165.328427 81.3284271,166 80.5,166 C79.6715729,166 79,165.328427 79,164.5 L78.999,163 L77.5,163 C76.6715729,163 76,162.328427 76,161.5 C76,160.671573 76.6715729,160 77.5,160 L78.999,160 L79,158.5 C79,157.671573 79.6715729,157 80.5,157 Z" id="形状结合" fill="#ACBCF0" transform="translate(80.500000, 161.500000) rotate(-360.000000) translate(-80.500000, -161.500000) "></path>
-            <circle id="椭圆形" fill="#ACBCF0" cx="42.782172" cy="95.5" r="1.5"></circle>
-            <circle id="椭圆形备份" fill="#BBE3E3" cx="207.5" cy="80.5" r="1.5"></circle>
-            <polygon id="路径-56" fill="#00A5A7" opacity="0.258812314" points="61 95.3062634 70.3945651 95.3062634 77.1720066 94.5956102 85.3216436 89.3159358 93.6887189 86.1108124 109.995364 69 118.622464 72.414235 129.904277 84.5735932 142.636498 90.485476 151.978565 92.6984713 159.149116 96.1462534 167.042823 96.1462534 175 98"></polygon>
-            <path d="M61,97.2876357 C61,97.2876357 86.5923642,97.2876357 87.1215752,97.2876357 C87.4743825,97.2876357 90.0857892,96.7958777 94.9557951,95.8123617 C100.072464,94.807651 102.630798,94.089988 102.630798,93.6593727 C102.630798,93.2287573 105.224606,86.6526501 110.412221,73.9310509 L118.653145,73 L133.776825,94.1797953 L144,98 C88.6666667,97.5250904 61,97.2876357 61,97.2876357 Z" id="路径-55" fill="#00A5A7" opacity="0.258812314"></path>
-            <path d="M69.7152615,102 L85.3375616,98.7526104 L93.4720848,98.7526104 L101.599265,87.9298294 L109.494717,84.5469732 L120.281456,83.8342831 L126.08402,82 L134.648544,82 C140.883693,91.7138484 144.001267,96.5707726 144.001267,96.5707726 C144.001267,96.5707726 146.016778,97.0403666 150.047798,97.9795546 L158.685349,102 L183,102 L61,102 L69.7152615,102 Z" id="路径-54" fill="#00A5A7" opacity="0.258812314"></path>
-            <path d="M83,103.104042 L93.5394074,100.387759 L101.791504,90.1633682 L118.048192,82 L127.066321,87.4166403 C132.74662,90.7120196 135.58677,92.3597093 135.58677,92.3597093 C135.58677,92.3597093 140.385035,95.2752699 149.981565,101.106391 L159.056177,101.763094 L166.867521,104 L183,104 L83,103.104042 Z" id="路径-53" fill="#00A5A7" opacity="0.258812314"></path>
-            <polygon id="路径-52" fill="#00A5A7" opacity="0.258812314" points="61 109 61 107.052868 68.6013457 105.185492 93.9300056 105.185492 125.892749 94.7126017 134.597361 88 158.68162 107.052868 166.621292 109 183 109"></polygon>
-            <path d="M79,109.944434 L84.3503698,106.354392 C93.505975,105.451464 98.34478,105 98.8667848,105 C99.3887897,105 111.042638,106.370104 133.82833,109.110313 L142.228108,115.162481 L150.928129,114.30827 L158.824623,117 L173.540053,112.39698 L183,106.354392 L183,117 L79,117 L79,109.944434 Z" id="路径-51" fill="#00A5A7" opacity="0.258812314"></path>
-            <path d="M78,119 L84.1921725,117.349306 L92.3730973,109.647423 L101.106967,104.588543 L109.177534,93 L114.982587,98.4859189 L130.321171,108.794694 C132.892721,111.581338 134.546355,112.974659 135.282074,112.974659 C136.385652,112.974659 142.70725,116.091275 142.70725,116.091275 C142.70725,116.091275 153.303215,117.06085 174.495147,119 L183,119 L78,119 Z" id="路径-50" fill="#00A5A7" opacity="0.258812314"></path>
-            <path d="M61,116 L61,111.982869 L77.3020229,107.85468 L86.1030914,109.323155 L126.104869,94 L134.664104,101.474226 L142.642605,99.8036682 C147.953737,104.490676 150.609303,106.83418 150.609303,106.83418 C150.609303,106.83418 156.069228,108.550409 166.989079,111.982869 C171.938958,111.982869 174.267786,111.982869 173.975565,111.982869 C173.683344,111.982869 152.043063,111.982869 109.054722,111.982869 L89.7820169,116 L61,116 Z" id="路径-38" fill="#00A5A7" opacity="0.258812314"></path>
-            <polygon id="路径-49" fill="#00A5A7" opacity="0.258812314" points="85.0620666 121.176339 93.4581815 117.057882 108.898153 103.165396 117.815006 98 126.308166 101.385089 134.282913 113.710468 144.080116 117.057882 150.705616 121.176339 154.478624 124.863388 162.328696 127 177.415102 127 183 126.139862 183 127 61 127"></polygon>
-            <polygon id="路径-37" fill="#00A5A7" opacity="0.258812314" points="61 125.905424 68.8808144 123.785872 77.4211408 118.169112 85.0620666 121.019483 93.4052473 121.019483 101.563527 115.57511 110.096507 107 118.274379 107.871403 126.601641 113.223585 142.54289 118.169112 150.230959 122.575379 170.312127 126.477107 183 127 61 127"></polygon>
-            <circle id="椭圆形" fill-opacity="0.1" fill="#00A5A7" cx="181" cy="51" r="18"></circle>
-            <circle id="椭圆形备份-3" fill-opacity="0.1" fill="#00A5A7" cx="55" cy="135" r="18"></circle>
-            <path d="M196.071045,31.0788984 C193.196838,29.1351405 189.730982,28 186,28 C176.058875,28 168,36.0588745 168,46 C168,55.9411255 176.058875,64 186,64 C195.941125,64 204,55.9411255 204,46 C204,42.4508045 202.972781,39.1415289 201.199425,36.3532559" id="路径" stroke="#014848" stroke-width="2" fill="#97ABEF" stroke-linecap="round"></path>
-            <path d="M72.5637829,141.9082 C73.0480419,141.29499 73.4883661,140.64548 73.8800055,139.964421 C75.2286726,137.619092 76,134.899623 76,132 C76,123.163444 68.836556,116 60,116 C54.8379246,116 50.2468118,118.444581 47.3211786,122.239227 C45.2386475,124.94034 44,128.325519 44,132 C44,132.792904 44.0576762,133.572337 44.1690622,134.334332 C44.686342,137.873063 46.3619808,141.035718 48.7986984,143.425016 C51.6848124,146.254966 55.6386189,148 60,148 C62.3396615,148 64.562032,147.497817 66.5652032,146.59536" id="路径" stroke="#014848" stroke-width="2" fill="#A2E5E6" stroke-linecap="round"></path>
-            <g id="参数" transform="translate(179.000000, 39.000000)" fill="#FFFFFF" fill-rule="nonzero" stroke="#FFFFFF" stroke-width="0.2">
-                <path d="M14.7882386,3.41822905 C14.2960843,3.13043396 13.7152883,3.03375351 13.1564696,3.14660157 C12.9106508,2.78013865 12.6297149,2.43240866 12.3066387,2.10926565 C10.1459541,-0.056031831 6.85132416,-0.615196288 4.09745939,0.716004064 C3.14629158,-0.10415336 1.72377473,-0.0520806173 0.835091957,0.835426496 C-0.0529495134,1.72444395 -0.105023479,3.14809338 0.715694231,4.09963933 C-0.61501724,6.85294634 -0.0559134551,10.1471715 2.10866776,12.3070037 C2.43291454,12.6313176 2.78057264,12.9111407 3.1469598,13.1581812 C3.0369266,13.7271939 3.13057187,14.2962066 3.41970167,14.7902876 C3.74277789,15.3522755 4.26016806,15.7503502 4.87354464,15.9201174 C5.49394461,16.0816889 6.13775591,15.9973907 6.6996276,15.6742477 C7.19650585,15.388621 7.57384433,14.9334766 7.76250153,14.3922129 C9.47974307,14.2685149 11.0946099,13.5288902 12.3101504,12.3093454 C13.5287785,11.0939314 14.2671131,9.4789064 14.3890756,7.7619269 C14.9317839,7.57493763 15.3881141,7.19714955 15.6731865,6.69883319 C15.9974333,6.13684532 16.0817141,5.49173008 15.9201759,4.87120184 C15.7485941,4.25712623 15.3418736,3.73547403 14.7882386,3.41939986 L14.7882386,3.41822905 Z M1.40398704,2.93351452 C1.24524682,2.4981886 1.354516,2.01026255 1.68375231,1.68426232 C2.02321645,1.34472798 2.50783077,1.25106335 2.93274622,1.4044392 C3.09311377,1.46532122 3.25582244,1.55781505 3.38224356,1.68543313 C3.56134016,1.86339595 3.67137336,2.09287432 3.71351374,2.3211819 C3.78408846,2.70808426 3.66026348,3.10498747 3.38222361,3.38308484 C3.10418374,3.6611822 2.70736259,3.7850328 2.32054021,3.71444348 C2.08001472,3.67064006 1.85817679,3.55561941 1.68375231,3.38427561 C1.55947919,3.25543657 1.46375309,3.10184421 1.40281646,2.93351452 L1.40398704,2.93351452 Z M6.66334005,13.9039859 C6.62264839,14.0778318 6.5347463,14.2370606 6.40932723,14.3641135 C6.12956196,14.7118435 5.65197104,14.8816106 5.18608576,14.7551634 C4.87755243,14.671889 4.61452234,14.4698401 4.45448202,14.1931755 C4.38733977,14.0754499 4.34361483,13.9458383 4.32571975,13.8114921 C4.23722143,13.4218297 4.36041888,13.0143489 4.64996655,12.7390319 C4.66635447,12.7226406 4.69210693,12.6968828 4.72722389,12.6793207 C4.77968013,12.6291246 4.83647954,12.5836757 4.89695596,12.543507 C5.16969783,12.3901311 5.50096801,12.347982 5.80648575,12.433451 C6.1974548,12.5364821 6.48541403,12.8256717 6.62119967,13.1827682 C6.71484494,13.3935136 6.73123287,13.6510914 6.66334005,13.9051567 L6.66334005,13.9039859 Z M11.4579784,11.4569971 C10.4951401,12.4272314 9.22444445,13.0316611 7.86434076,13.1663768 C7.69582296,12.2513621 7.01776791,11.5139954 6.12019744,11.2696678 C5.22064559,11.0328843 4.2651246,11.3344504 3.66434998,12.0447427 C3.41029996,11.8725405 3.17386935,11.6756704 2.95849868,11.4569971 C1.20384197,9.70554741 0.707475293,7.05476415 1.70950476,4.78690365 C2.58656315,5.11001118 3.5713861,4.89436529 4.23324504,4.23428226 C4.89319162,3.57228646 5.10879294,2.58725985 4.7857522,1.7100201 C7.05354181,0.707931923 9.70401347,1.2043584 11.4556372,2.95927228 C11.6780448,3.18172581 11.8723587,3.41003338 12.0432614,3.66526954 C11.33397,4.26671216 11.033405,5.22234228 11.2706878,6.12162482 C11.3783799,6.5396033 11.5925935,6.9037246 11.8817233,7.19291418 C12.2293814,7.54064417 12.6812198,7.77129335 13.1658342,7.8637872 C13.0308826,9.22375818 12.4265974,10.4942615 11.4568078,11.4569971 L11.4579784,11.4569971 Z M14.7531216,5.1861492 C14.8780576,5.63546514 14.7244718,6.11609498 14.3621526,6.4096436 C14.2354496,6.53490173 14.0766823,6.62280893 13.9032907,6.66370894 C13.6646764,6.73148544 13.4101661,6.7166325 13.1810515,6.62155986 C12.8132261,6.4880079 12.5336232,6.18343991 12.4318893,5.80550666 C12.3490542,5.49986847 12.3885227,5.17397579 12.5419225,4.8969596 C12.5820829,4.83647067 12.6275225,4.77965951 12.6777081,4.72719243 C12.8310523,4.53986314 13.0347308,4.4028786 13.2723557,4.33497175 C13.4474946,4.29011379 13.630703,4.28690598 13.8073043,4.32560528 C13.9422194,4.34251572 14.0723758,4.38630826 14.1900794,4.45439416 C14.4733564,4.61713648 14.6700115,4.8805683 14.7531216,5.1861492 L14.7531216,5.1861492 Z" id="形状"></path>
-            </g>
-            <g id="分布" transform="translate(55.000000, 125.000000)" fill="#FFFFFF" fill-rule="nonzero">
-                <path d="M9.70539115,7.8035442 L9.71059776,7.8035442 L9.69185396,7.82749461 C9.48970575,8.17257542 9.24862452,8.49331827 8.97334156,8.7834285 L5.14439941,13.8723706 L1.340449,8.68658552 C1.10530354,8.4263694 0.897024706,8.14308228 0.718779576,7.8410318 L0.691705196,7.8035442 L0.69795313,7.8035442 C-0.565057405,5.61755643 -0.0759535864,2.84025727 1.85784983,1.21725312 C3.79165324,-0.405751039 6.61169104,-0.405751039 8.54549445,1.21725312 C10.4792979,2.84025727 10.9684017,5.61755643 9.70539115,7.8035442 L9.70539115,7.8035442 Z M5.20167214,2.25850288 C4.1365628,2.23847144 3.14367586,2.79523698 2.60525461,3.71445497 C2.06683335,4.63367296 2.06683335,5.77201049 2.60525461,6.69122847 C3.14367586,7.61044646 4.1365628,8.167212 5.20167214,8.14718057 C6.80620511,8.11700423 8.09115767,6.80765843 8.09115767,5.20284172 C8.09115767,3.59802501 6.80620511,2.28867922 5.20167214,2.25850288 Z" id="形状"></path>
+            <path d="M44.5,81 L44.5,78 M44,67.433713 L44,52.721519 C44,50.6661808 45.6569649,49 47.7009346,49 L172.299065,49 C174.343035,49 176,50.6661808 176,52.721519 L176,143.278481 C176,145.333819 174.343035,147 172.299065,147 L47.7009346,147 C45.6569649,147 44,145.333819 44,143.278481 L44,91.157947 L44,91.157947" id="形状" fill-opacity="0.1" fill="#000000"></path>
+            <path d="M56.217828,73 L56.217828,70 M55.717828,59.433713 L55.717828,44.721519 C55.717828,42.6661808 57.3747928,41 59.4187626,41 L184.016893,41 C186.060863,41 187.717828,42.6661808 187.717828,44.721519 L187.717828,135.278481 C187.717828,137.333819 186.060863,139 184.016893,139 L59.4187626,139 C57.3747928,139 55.717828,137.333819 55.717828,135.278481 L55.717828,83.157947 L55.717828,83.157947" id="形状" stroke="#666666" stroke-width="2" fill="#FFFFFF" stroke-linecap="round"></path>
+            <path d="M80.5,157 C81.3284271,157 82,157.671573 82,158.5 L81.999,160 L83.5,160 C84.3284271,160 85,160.671573 85,161.5 C85,162.328427 84.3284271,163 83.5,163 L81.999,163 L82,164.5 C82,165.328427 81.3284271,166 80.5,166 C79.6715729,166 79,165.328427 79,164.5 L78.999,163 L77.5,163 C76.6715729,163 76,162.328427 76,161.5 C76,160.671573 76.6715729,160 77.5,160 L78.999,160 L79,158.5 C79,157.671573 79.6715729,157 80.5,157 Z" id="形状结合" fill="#CCCCCC" transform="translate(80.500000, 161.500000) rotate(-360.000000) translate(-80.500000, -161.500000) "></path>
+            <circle id="椭圆形" fill="#BBBBBB" cx="42.782172" cy="95.5" r="1.5"></circle>
+            <circle id="椭圆形备份" fill="#BBBBBB" cx="207.5" cy="80.5" r="1.5"></circle>
+            <g id="编组" transform="translate(61.000000, 61.000000)" fill="#666666" fill-opacity="0.15">
+                <polygon id="路径-56" points="0 26.3062634 9.39456508 26.3062634 16.1720066 25.5956102 24.3216436 20.3159358 32.6887189 17.1108124 48.9953637 -2.92058193e-15 57.6224641 3.41423501 68.9042774 15.5735932 81.6364984 21.485476 90.9785654 23.6984713 98.1491158 27.1462534 106.042823 27.1462534 114 29"></polygon>
+                <path d="M0,28.2876357 C0,28.2876357 25.5923642,28.2876357 26.1215752,28.2876357 C26.4743825,28.2876357 29.0857892,27.7958777 33.9557951,26.8123617 C39.0724637,25.807651 41.630798,25.089988 41.630798,24.6593727 C41.630798,24.2287573 44.2246055,17.6526501 49.4122206,4.93105094 L57.6531451,4 L72.7768248,25.1797953 L83,29 C27.6666667,28.5250904 0,28.2876357 0,28.2876357 Z" id="路径-55"></path>
+                <path d="M8.71526153,33 L24.3375616,29.7526104 L32.4720848,29.7526104 L40.5992646,18.9298294 L48.4947171,15.5469732 L59.2814563,14.8342831 L65.0840203,13 L73.6485444,13 C79.8836931,22.7138484 83.0012674,27.5707726 83.0012674,27.5707726 C83.0012674,27.5707726 85.0167776,28.0403666 89.0477978,28.9795546 L97.6853486,33 L122,33 L0,33 L8.71526153,33 Z" id="路径-54"></path>
+                <path d="M22,34.1040417 L32.5394074,31.3877588 L40.7915036,21.1633682 L57.0481921,13 L66.0663215,18.4166403 C71.7466204,21.7120196 74.5867699,23.3597093 74.5867699,23.3597093 C74.5867699,23.3597093 79.3850348,26.2752699 88.9815647,32.106391 L98.0561768,32.7630938 L105.867521,35 L122,35 L22,34.1040417 Z" id="路径-53"></path>
+                <polygon id="路径-52" points="0 40 0 38.0528685 7.60134573 36.1854921 32.9300056 36.1854921 64.8927487 25.7126017 73.5973605 19 97.6816198 38.0528685 105.621292 40 122 40"></polygon>
+                <path d="M18,40.9444341 L23.3503698,37.3543923 C32.505975,36.4514641 37.34478,36 37.8667848,36 C38.3887897,36 50.0426381,37.3701043 72.8283301,40.110313 L81.2281083,46.1624811 L89.9281292,45.3082702 L97.8246227,48 L112.540053,43.39698 L122,37.3543923 L122,48 L18,48 L18,40.9444341 Z" id="路径-51"></path>
+                <path d="M17,50 L23.1921725,48.3493065 L31.3730973,40.6474229 L40.1069669,35.5885434 L48.1775338,24 L53.9825872,29.4859189 L69.3211712,39.794694 C71.8927207,42.5813376 73.5463549,43.9746594 74.2820738,43.9746594 C75.3856522,43.9746594 81.7072496,47.0912752 81.7072496,47.0912752 C81.7072496,47.0912752 92.3032154,48.0608501 113.495147,50 L122,50 L17,50 Z" id="路径-50"></path>
+                <path d="M0,47 L0,42.9828686 L16.3020229,38.8546803 L25.1030914,40.3231555 L65.1048692,25 L73.664104,32.4742263 L81.6426052,30.8036682 C86.9537371,35.4906757 89.609303,37.8341795 89.609303,37.8341795 C89.609303,37.8341795 95.0692282,39.5504092 105.989079,42.9828686 C110.938958,42.9828686 113.267786,42.9828686 112.975565,42.9828686 C112.683344,42.9828686 91.0430627,42.9828686 48.054722,42.9828686 L28.7820169,47 L0,47 Z" id="路径-38"></path>
+                <polygon id="路径-49" points="24.0620666 52.1763393 32.4581815 48.0578823 47.8981532 34.1653962 56.8150057 29 65.3081657 32.3850892 73.2829127 44.7104684 83.0801158 48.0578823 89.705616 52.1763393 93.4786244 55.8633882 101.328696 58 116.415102 58 122 57.1398617 122 58 3.46744855e-12 58"></polygon>
+                <polygon id="路径-37" points="3.46744855e-12 56.9054238 7.88081442 54.7858717 16.4211408 49.1691118 24.0620666 52.0194833 32.4052473 52.0194833 40.5635274 46.5751096 49.0965068 38 57.274379 38.8714029 65.6016412 44.2235847 81.5428899 49.1691118 89.2309592 53.5753795 109.312127 57.4771074 122 58 0 58"></polygon>
             </g>
         </g>
     </g>

mindinsight/ui/src/assets/images/image-guid.svg

@@ -5,83 +5,69 @@
     <desc>Created with Sketch.</desc>
     <defs>
         <linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="linearGradient-1">
-            <stop stop-color="#EDF2FF" offset="0%"></stop>
-            <stop stop-color="#ECFEFE" offset="100%"></stop>
+            <stop stop-color="#FAFAFA" offset="0%"></stop>
+            <stop stop-color="#FAFAFA" offset="100%"></stop>
         </linearGradient>
     </defs>
     <g id="智能小助手" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="数据抽样">
-            <path d="M136.782172,18 C137.610599,18 138.282172,18.6715729 138.282172,19.5 L138.281172,21 L139.782172,21 C140.610599,21 141.282172,21.6715729 141.282172,22.5 C141.282172,23.3284271 140.610599,24 139.782172,24 L138.281172,24 L138.282172,25.5 C138.282172,26.3284271 137.610599,27 136.782172,27 C135.953745,27 135.282172,26.3284271 135.282172,25.5 L135.281172,24 L133.782172,24 C132.953745,24 132.282172,23.3284271 132.282172,22.5 C132.282172,21.6715729 132.953745,21 133.782172,21 L135.281172,21 L135.282172,19.5 C135.282172,18.6715729 135.953745,18 136.782172,18 Z" id="形状结合备份" fill="#BBE3E3" transform="translate(136.782172, 22.500000) rotate(-360.000000) translate(-136.782172, -22.500000) "></path>
+            <path d="M136.782172,18 C137.610599,18 138.282172,18.6715729 138.282172,19.5 L138.281172,21 L139.782172,21 C140.610599,21 141.282172,21.6715729 141.282172,22.5 C141.282172,23.3284271 140.610599,24 139.782172,24 L138.281172,24 L138.282172,25.5 C138.282172,26.3284271 137.610599,27 136.782172,27 C135.953745,27 135.282172,26.3284271 135.282172,25.5 L135.281172,24 L133.782172,24 C132.953745,24 132.282172,23.3284271 132.282172,22.5 C132.282172,21.6715729 132.953745,21 133.782172,21 L135.281172,21 L135.282172,19.5 C135.282172,18.6715729 135.953745,18 136.782172,18 Z" id="形状结合备份" fill="#CCCCCC" transform="translate(136.782172, 22.500000) rotate(-360.000000) translate(-136.782172, -22.500000) "></path>
             <path d="M43.0527181,75.2196611 L142.238742,22.0699563 C168.735071,7.87166467 202.615796,16.2975618 217.913459,40.8897243 C233.211122,65.4818867 224.132809,96.9277629 197.63648,111.126055 L98.4504561,164.275759 C71.9541266,178.474051 38.0734016,170.048154 22.7757386,145.455991 C7.47807566,120.863829 16.5563886,89.4179527 43.0527181,75.2196611 Z" id="矩形" fill="url(#linearGradient-1)"></path>
-            <path d="M44.5,81 L44.5,78 M44,67.433713 L44,52.721519 C44,50.6661808 45.6569649,49 47.7009346,49 L172.299065,49 C174.343035,49 176,50.6661808 176,52.721519 L176,143.278481 C176,145.333819 174.343035,147 172.299065,147 L47.7009346,147 C45.6569649,147 44,145.333819 44,143.278481 L44,91.157947 L44,91.157947" id="形状" fill-opacity="0.1" fill="#00A5A7"></path>
-            <path d="M56.5,73 L56.5,70 M56,59.433713 L56,44.721519 C56,42.6661808 57.6569649,41 59.7009346,41 L184.299065,41 C186.343035,41 188,42.6661808 188,44.721519 L188,135.278481 C188,137.333819 186.343035,139 184.299065,139 L59.7009346,139 C57.6569649,139 56,137.333819 56,135.278481 L56,83.157947 L56,83.157947" id="形状" stroke="#014848" stroke-width="2" fill="#FFFFFF" stroke-linecap="round"></path>
-            <g id="编组-32" transform="translate(65.000000, 76.000000)" stroke="#00A5A7" stroke-width="0.2">
-                <rect id="矩形" fill="#8EDDDE" x="0" y="0" width="11.0322581" height="7.04347826"></rect>
-                <rect id="矩形备份-151" fill="#FFFFFF" x="0" y="9.39130435" width="11.0322581" height="7.04347826"></rect>
-                <rect id="矩形备份-144" fill="#FFFFFF" x="14.7096774" y="0" width="11.0322581" height="7.04347826"></rect>
-                <rect id="矩形备份-152" fill="#FFFFFF" x="14.7096774" y="9.39130435" width="11.0322581" height="7.04347826"></rect>
-                <rect id="矩形备份-145" fill="#8EDDDE" x="29.4193548" y="0" width="11.0322581" height="7.04347826"></rect>
-                <rect id="矩形备份-153" fill="#FFFFFF" x="29.4193548" y="9.39130435" width="11.0322581" height="7.04347826"></rect>
-                <rect id="矩形备份-146" fill="#FFFFFF" x="44.1290323" y="0" width="11.0322581" height="7.04347826"></rect>
-                <rect id="矩形备份-154" fill="#8EDDDE" x="44.1290323" y="9.39130435" width="11.0322581" height="7.04347826"></rect>
-                <rect id="矩形备份-147" fill="#8EDDDE" x="58.8387097" y="0" width="11.0322581" height="7.04347826"></rect>
-                <rect id="矩形备份-155" fill="#FFFFFF" x="58.8387097" y="9.39130435" width="11.0322581" height="7.04347826"></rect>
-                <rect id="矩形备份-148" fill="#FFFFFF" x="73.5483871" y="0" width="11.0322581" height="7.04347826"></rect>
-                <rect id="矩形备份-156" fill="#8EDDDE" x="73.5483871" y="9.39130435" width="11.0322581" height="7.04347826"></rect>
-                <rect id="矩形备份-149" fill="#8EDDDE" x="88.2580645" y="0" width="11.0322581" height="7.04347826"></rect>
-                <rect id="矩形备份-157" fill="#FFFFFF" x="88.2580645" y="9.39130435" width="11.0322581" height="7.04347826"></rect>
-                <rect id="矩形备份-150" fill="#FFFFFF" x="102.967742" y="0" width="11.0322581" height="7.04347826"></rect>
-                <rect id="矩形备份-158" fill="#FFFFFF" x="102.967742" y="9.39130435" width="11.0322581" height="7.04347826"></rect>
-                <rect id="矩形备份-166" fill="#FFFFFF" x="0" y="18.7826087" width="11.0322581" height="7.04347826"></rect>
-                <rect id="矩形备份-165" fill="#FFFFFF" x="14.7096774" y="18.7826087" width="11.0322581" height="7.04347826"></rect>
-                <rect id="矩形备份-164" fill="#FFFFFF" x="29.4193548" y="18.7826087" width="11.0322581" height="7.04347826"></rect>
-                <rect id="矩形备份-163" fill="#FFFFFF" x="44.1290323" y="18.7826087" width="11.0322581" height="7.04347826"></rect>
-                <rect id="矩形备份-162" fill="#8EDDDE" x="58.8387097" y="18.7826087" width="11.0322581" height="7.04347826"></rect>
-                <rect id="矩形备份-161" fill="#FFFFFF" x="73.5483871" y="18.7826087" width="11.0322581" height="7.04347826"></rect>
-                <rect id="矩形备份-160" fill="#8EDDDE" x="88.2580645" y="18.7826087" width="11.0322581" height="7.04347826"></rect>
-                <rect id="矩形备份-159" fill="#FFFFFF" x="102.967742" y="18.7826087" width="11.0322581" height="7.04347826"></rect>
-                <rect id="矩形备份-174" fill="#FFFFFF" x="0" y="28.173913" width="11.0322581" height="7.04347826"></rect>
-                <rect id="矩形备份-173" fill="#FFFFFF" x="14.7096774" y="28.173913" width="11.0322581" height="7.04347826"></rect>
-                <rect id="矩形备份-172" fill="#8EDDDE" x="29.4193548" y="28.173913" width="11.0322581" height="7.04347826"></rect>
-                <rect id="矩形备份-171" fill="#8EDDDE" x="44.1290323" y="28.173913" width="11.0322581" height="7.04347826"></rect>
-                <rect id="矩形备份-170" fill="#FFFFFF" x="58.8387097" y="28.173913" width="11.0322581" height="7.04347826"></rect>
-                <rect id="矩形备份-169" fill="#FFFFFF" x="73.5483871" y="28.173913" width="11.0322581" height="7.04347826"></rect>
-                <rect id="矩形备份-168" fill="#FFFFFF" x="88.2580645" y="28.173913" width="11.0322581" height="7.04347826"></rect>
-                <rect id="矩形备份-167" fill="#FFFFFF" x="102.967742" y="28.173913" width="11.0322581" height="7.04347826"></rect>
-                <rect id="矩形备份-182" fill="#8EDDDE" x="0" y="37.5652174" width="11.0322581" height="7.04347826"></rect>
-                <rect id="矩形备份-181" fill="#8EDDDE" x="14.7096774" y="37.5652174" width="11.0322581" height="7.04347826"></rect>
-                <rect id="矩形备份-180" fill="#FFFFFF" x="29.4193548" y="37.5652174" width="11.0322581" height="7.04347826"></rect>
-                <rect id="矩形备份-179" fill="#FFFFFF" x="44.1290323" y="37.5652174" width="11.0322581" height="7.04347826"></rect>
-                <rect id="矩形备份-178" fill="#FFFFFF" x="58.8387097" y="37.5652174" width="11.0322581" height="7.04347826"></rect>
-                <rect id="矩形备份-177" fill="#FFFFFF" x="73.5483871" y="37.5652174" width="11.0322581" height="7.04347826"></rect>
-                <rect id="矩形备份-176" fill="#FFFFFF" x="88.2580645" y="37.5652174" width="11.0322581" height="7.04347826"></rect>
-                <rect id="矩形备份-175" fill="#8EDDDE" x="102.967742" y="37.5652174" width="11.0322581" height="7.04347826"></rect>
-                <rect id="矩形备份-190" fill="#FFFFFF" x="0" y="46.9565217" width="11.0322581" height="7.04347826"></rect>
-                <rect id="矩形备份-189" fill="#FFFFFF" x="14.7096774" y="46.9565217" width="11.0322581" height="7.04347826"></rect>
-                <rect id="矩形备份-188" fill="#8EDDDE" x="29.4193548" y="46.9565217" width="11.0322581" height="7.04347826"></rect>
-                <rect id="矩形备份-187" fill="#FFFFFF" x="44.1290323" y="46.9565217" width="11.0322581" height="7.04347826"></rect>
-                <rect id="矩形备份-186" fill="#8EDDDE" x="58.8387097" y="46.9565217" width="11.0322581" height="7.04347826"></rect>
-                <rect id="矩形备份-185" fill="#FFFFFF" x="73.5483871" y="46.9565217" width="11.0322581" height="7.04347826"></rect>
-                <rect id="矩形备份-184" fill="#8EDDDE" x="88.2580645" y="46.9565217" width="11.0322581" height="7.04347826"></rect>
-                <rect id="矩形备份-183" fill="#FFFFFF" x="102.967742" y="46.9565217" width="11.0322581" height="7.04347826"></rect>
-            </g>
-            <rect id="矩形" fill="#00A5A7" x="64" y="61" width="12" height="2" rx="1"></rect>
-            <path d="M56,51 L126,51 C126.552285,51 127,51.4477153 127,52 C127,52.5522847 126.552285,53 126,53 L56,53 L56,53 L56,51 Z" id="矩形" fill="#00A5A7" opacity="0.1"></path>
-            <rect id="矩形备份-100" fill="#D4D9E6" x="64" y="66" width="21" height="2" rx="1"></rect>
-            <path d="M80.5,157 C81.3284271,157 82,157.671573 82,158.5 L81.999,160 L83.5,160 C84.3284271,160 85,160.671573 85,161.5 C85,162.328427 84.3284271,163 83.5,163 L81.999,163 L82,164.5 C82,165.328427 81.3284271,166 80.5,166 C79.6715729,166 79,165.328427 79,164.5 L78.999,163 L77.5,163 C76.6715729,163 76,162.328427 76,161.5 C76,160.671573 76.6715729,160 77.5,160 L78.999,160 L79,158.5 C79,157.671573 79.6715729,157 80.5,157 Z" id="形状结合" fill="#ACBCF0" transform="translate(80.500000, 161.500000) rotate(-360.000000) translate(-80.500000, -161.500000) "></path>
-            <circle id="椭圆形" fill="#ACBCF0" cx="42.782172" cy="95.5" r="1.5"></circle>
-            <circle id="椭圆形备份" fill="#BBE3E3" cx="207.5" cy="80.5" r="1.5"></circle>
-            <circle id="椭圆形" fill-opacity="0.1" fill="#00A5A7" cx="181" cy="51" r="18"></circle>
-            <circle id="椭圆形备份-3" fill-opacity="0.1" fill="#00A5A7" cx="55" cy="135" r="18"></circle>
-            <path d="M196.071045,31.0788984 C193.196838,29.1351405 189.730982,28 186,28 C176.058875,28 168,36.0588745 168,46 C168,55.9411255 176.058875,64 186,64 C195.941125,64 204,55.9411255 204,46 C204,42.4508045 202.972781,39.1415289 201.199425,36.3532559" id="路径" stroke="#014848" stroke-width="2" fill="#97ABEF" stroke-linecap="round"></path>
-            <g id="数据-(1)" transform="translate(179.000000, 39.000000)" fill="#FFFFFF" fill-rule="nonzero" stroke="#FFFFFF" stroke-width="0.4">
-                <path d="M6.88218391,0.906968391 C7.75502874,0.906968391 8.60093391,0.980603448 9.39295977,1.12607759 C10.1436782,1.26257184 10.8117816,1.45833333 11.3811063,1.70258621 C11.8965517,1.92528736 12.3078305,2.18390805 12.5664511,2.44971264 C12.6957615,2.58261494 12.8502155,2.78017241 12.8502155,2.97772989 C12.8502155,3.17528736 12.6957615,3.37284483 12.5664511,3.50574713 C12.3060345,3.77155172 11.8965517,4.03017241 11.3811063,4.25287356 C10.8135776,4.49892241 10.1436782,4.69288793 9.39295977,4.82938218 C8.59913793,4.97485632 7.75502874,5.04849138 6.88218391,5.04849138 C6.00933908,5.04849138 5.16343391,4.97485632 4.37140805,4.82938218 C3.62068966,4.69288793 2.95258621,4.49712644 2.38326149,4.25287356 C1.86781609,4.03017241 1.45653736,3.77155172 1.19791667,3.50574713 C1.06860632,3.37284483 0.914152299,3.17528736 0.914152299,2.97772989 C0.914152299,2.78017241 1.06860632,2.58261494 1.19791667,2.44971264 C1.45833333,2.18390805 1.86781609,1.92528736 2.38326149,1.70258621 C2.95079023,1.45653736 3.62068966,1.26257184 4.37140805,1.12607759 C5.16522989,0.980603448 6.00933908,0.906968391 6.88218391,0.906968391 M6.88218391,0.00897988506 C3.08908046,0.00897988506 0.0161637931,1.33800287 0.0161637931,2.97772989 C0.0161637931,4.6174569 3.09087644,5.94468391 6.88218391,5.94468391 C10.6734914,5.94468391 13.748204,4.61566092 13.748204,2.97593391 C13.748204,1.3362069 10.6752874,0.00897988506 6.88218391,0.00897988506 Z M6.90373563,9.38397989 C5.13469828,9.38397989 3.46443966,9.1091954 2.20186782,8.60811782 C1.56070402,8.35308908 1.05064655,8.05136494 0.686063218,7.71012931 C0.264008621,7.31501437 0.0395114943,6.85883621 0.0395114943,6.39367816 L0.9375,6.39367816 C0.9375,6.86242816 1.53376437,7.37787356 2.53232759,7.77298851 C3.69252874,8.23275862 5.24425287,8.48599138 6.90373563,8.48599138 C8.56321839,8.48599138 10.1149425,8.23275862 11.2751437,7.77298851 C12.2737069,7.37787356 12.8699713,6.86242816 12.8699713,6.39367816 L13.7679598,6.39367816 C13.7679598,6.85883621 13.5452586,7.31501437 13.121408,7.71012931 C12.7568247,8.05136494 12.2467672,8.35308908 11.6056034,8.60811782 C10.3430316,9.1091954 8.67277299,9.38397989 6.90373563,9.38397989 Z M6.89116379,12.7765805 C5.12392241,12.7765805 3.45545977,12.5269397 2.19468391,12.0743534 C1.55352011,11.8444684 1.04346264,11.5696839 0.67887931,11.2607759 C0.131106322,10.7956178 0.0143678161,10.3304598 0.0143678161,10.0215517 L0.914152299,10.0215517 C0.914152299,10.3304598 1.33081897,10.8099856 2.49820402,11.2302443 C3.6637931,11.6487069 5.22449713,11.878592 6.89116379,11.878592 C8.55783046,11.878592 10.1167385,11.6487069 11.2841236,11.2302443 C12.4533046,10.8117816 12.8681753,10.3304598 12.8681753,10.0215517 L13.7679598,10.0215517 C13.7679598,10.3304598 13.6530172,10.7956178 13.1034483,11.2607759 C12.7388649,11.5696839 12.2288075,11.8444684 11.5876437,12.0743534 C10.3268678,12.5269397 8.65840517,12.7765805 6.89116379,12.7765805 Z M6.89116379,15.9698276 C5.12392241,15.9698276 3.45725575,15.7237787 2.19468391,15.2747845 C1.55352011,15.0466954 1.04346264,14.7755029 0.67887931,14.4683908 C0.129310345,14.0068247 0.0143678161,13.5434626 0.0143678161,13.2345546 L0.912356322,13.2345546 C0.912356322,13.5380747 1.32902299,14.0122126 2.49640805,14.4270833 C3.6637931,14.841954 5.22449713,15.0700431 6.89116379,15.0700431 C8.55783046,15.0700431 10.1185345,14.841954 11.2859195,14.4270833 C12.4533046,14.0122126 12.8699713,13.5380747 12.8699713,13.2345546 L13.7679598,13.2345546 C13.7679598,13.5416667 13.6530172,14.0050287 13.1034483,14.4683908 C12.7388649,14.7755029 12.2288075,15.0466954 11.5876437,15.2747845 C10.3250718,15.7237787 8.65840517,15.9698276 6.89116379,15.9698276 Z" id="形状"></path>
-                <path d="M0.567528736,13.6314655 L0.448994253,13.6314655 C0.208333333,13.6314655 0.0125718391,13.435704 0.0125718391,13.1950431 L0.0125718391,3.07650862 C0.0125718391,2.8358477 0.208333333,2.64008621 0.448994253,2.64008621 L0.567528736,2.64008621 C0.756106322,2.64008621 0.910560345,2.79454023 0.910560345,2.98311782 L0.910560345,13.2884339 C0.910560345,13.4770115 0.756106322,13.6314655 0.567528736,13.6314655 Z M13.4249282,13.672773 L13.3063937,13.672773 C13.0657328,13.672773 12.8699713,13.4770115 12.8699713,13.2363506 L12.8699713,3.13577586 C12.8699713,2.89511494 13.0657328,2.69935345 13.3063937,2.69935345 L13.4249282,2.69935345 C13.6135057,2.69935345 13.7679598,2.85380747 13.7679598,3.04238506 L13.7679598,13.3297414 C13.7679598,13.518319 13.6135057,13.672773 13.4249282,13.672773 Z M11.3236351,5.90876437 C11.0111351,5.90876437 10.7579023,6.16199713 10.7579023,6.47449713 C10.7579023,6.78699713 11.0111351,7.04022989 11.3236351,7.04022989 C11.6361351,7.04022989 11.8893678,6.78699713 11.8893678,6.47449713 C11.8893678,6.16199713 11.6361351,5.90876437 11.3236351,5.90876437 Z M11.3236351,9.32112069 C11.0111351,9.32112069 10.7579023,9.57435345 10.7579023,9.88685345 C10.7579023,10.1993534 11.0111351,10.4525862 11.3236351,10.4525862 C11.6361351,10.4525862 11.8893678,10.1993534 11.8893678,9.88685345 C11.8893678,9.57435345 11.6361351,9.32112069 11.3236351,9.32112069 Z M11.3236351,12.6975575 C11.0111351,12.6975575 10.7579023,12.9507902 10.7579023,13.2632902 C10.7579023,13.5757902 11.0111351,13.829023 11.3236351,13.829023 C11.6361351,13.829023 11.8893678,13.5757902 11.8893678,13.2632902 C11.8893678,12.9507902 11.6361351,12.6975575 11.3236351,12.6975575 Z" id="形状"></path>
-            </g>
-            <path d="M72.5637829,141.9082 C73.0480419,141.29499 73.4883661,140.64548 73.8800055,139.964421 C75.2286726,137.619092 76,134.899623 76,132 C76,123.163444 68.836556,116 60,116 C54.8379246,116 50.2468118,118.444581 47.3211786,122.239227 C45.2386475,124.94034 44,128.325519 44,132 C44,132.792904 44.0576762,133.572337 44.1690622,134.334332 C44.686342,137.873063 46.3619808,141.035718 48.7986984,143.425016 C51.6848124,146.254966 55.6386189,148 60,148 C62.3396615,148 64.562032,147.497817 66.5652032,146.59536" id="路径" stroke="#014848" stroke-width="2" fill="#A2E5E6" stroke-linecap="round"></path>
-            <g id="抽样" transform="translate(53.000000, 125.000000)" fill="#FFFFFF" fill-rule="nonzero" stroke="#FFFFFF" stroke-width="0.2">
-                <path d="M2.9897224,-3.4283687e-13 C1.33808103,-3.4283687e-13 -3.4283687e-13,1.33808103 -3.4283687e-13,2.9897224 C-3.4283687e-13,4.64136377 1.33808103,5.9794448 2.9897224,5.9794448 C4.64136377,5.9794448 5.9794448,4.64136377 5.9794448,2.9897224 C5.9794448,1.33808103 4.64136377,-3.4283687e-13 2.9897224,-3.4283687e-13 Z M2.9897224,4.9817528 C1.89142281,4.9817528 0.996015202,4.08802199 0.996015202,2.98804561 C0.996015202,1.88974601 1.88974601,0.994338409 2.9897224,0.994338409 C4.08802199,0.994338409 4.9834296,1.88806922 4.9834296,2.98804561 C4.9817528,4.08802199 4.08802199,4.9817528 2.9897224,4.9817528 L2.9897224,4.9817528 Z M2.9897224,7.9714752 C1.33808103,7.9714752 -3.4283687e-13,9.30955623 -3.4283687e-13,10.9611976 C-3.4283687e-13,12.612839 1.33808103,13.95092 2.9897224,13.95092 C4.64136377,13.95092 5.9794448,12.612839 5.9794448,10.9611976 C5.9794448,9.30955623 4.64136377,7.9714752 2.9897224,7.9714752 L2.9897224,7.9714752 Z M2.9897224,12.9549048 C1.89142281,12.9549048 0.996015202,12.061174 0.996015202,10.9611976 C0.996015202,9.86289801 1.88974601,8.9674904 2.9897224,8.9674904 C4.08802199,8.9674904 4.9834296,9.86122122 4.9834296,10.9611976 C4.9817528,12.061174 4.08802199,12.9549048 2.9897224,12.9549048 L2.9897224,12.9549048 Z M10.9611976,7.9714752 C9.30955623,7.9714752 7.9714752,9.30955623 7.9714752,10.9611976 C7.9714752,12.612839 9.30955623,13.95092 10.9611976,13.95092 C12.612839,13.95092 13.95092,12.612839 13.95092,10.9611976 C13.95092,9.30955623 12.612839,7.9714752 10.9611976,7.9714752 L10.9611976,7.9714752 Z M10.9611976,12.9549048 C9.86289801,12.9549048 8.9674904,12.061174 8.9674904,10.9611976 C8.9674904,9.86289801 9.86122122,8.9674904 10.9611976,8.9674904 C12.0594972,8.9674904 12.9549048,9.86122122 12.9549048,10.9611976 C12.9549048,12.061174 12.061174,12.9549048 10.9611976,12.9549048 Z M8.61536382,5.33555618 C8.71261783,5.43281019 8.84005412,5.4814372 8.9674904,5.4814372 C9.09492669,5.4814372 9.22236298,5.43281019 9.31961699,5.33555618 L10.9595208,3.69565237 L12.5994246,5.33555618 C12.6966786,5.43281019 12.8241149,5.4814372 12.9515512,5.4814372 C13.0789875,5.4814372 13.2064238,5.43281019 13.3036778,5.33555618 C13.4981858,5.14104816 13.4981858,4.82581103 13.3036778,4.63130301 L11.663774,2.99139919 L13.3036778,1.35149537 C13.4981858,1.15698736 13.4981858,0.841750221 13.3036778,0.647242202 C13.1091698,0.452734183 12.7939326,0.452734183 12.5994246,0.647242202 L10.9595208,2.28714602 L9.31961699,0.647242202 C9.12510897,0.452734183 8.80987184,0.452734183 8.61536382,0.647242202 C8.4208558,0.841750221 8.4208558,1.15698736 8.61536382,1.35149537 L10.2552676,2.99139919 L8.61536382,4.63130301 C8.4208558,4.82413424 8.4208558,5.13937137 8.61536382,5.33555618 Z" id="形状"></path>
+            <path d="M44.5,81 L44.5,78 M44,67.433713 L44,52.721519 C44,50.6661808 45.6569649,49 47.7009346,49 L172.299065,49 C174.343035,49 176,50.6661808 176,52.721519 L176,143.278481 C176,145.333819 174.343035,147 172.299065,147 L47.7009346,147 C45.6569649,147 44,145.333819 44,143.278481 L44,91.157947 L44,91.157947" id="形状" fill-opacity="0.1" fill="#000000"></path>
+            <path d="M56.217828,73 L56.217828,70 M55.717828,59.433713 L55.717828,44.721519 C55.717828,42.6661808 57.3747928,41 59.4187626,41 L184.016893,41 C186.060863,41 187.717828,42.6661808 187.717828,44.721519 L187.717828,135.278481 C187.717828,137.333819 186.060863,139 184.016893,139 L59.4187626,139 C57.3747928,139 55.717828,137.333819 55.717828,135.278481 L55.717828,83.157947 L55.717828,83.157947" id="形状" stroke="#666666" stroke-width="2" fill="#FFFFFF" stroke-linecap="round"></path>
+            <g id="编组-32" transform="translate(65.000000, 63.000000)" stroke-width="0.2">
+                <rect id="矩形" stroke="#CCCCCC" fill="#CCCCCC" x="0" y="0" width="11.0322581" height="7.04347826"></rect>
+                <rect id="矩形备份-151" stroke="#BBBBBB" fill="#FFFFFF" x="0" y="9.39130435" width="11.0322581" height="7.04347826"></rect>
+                <rect id="矩形备份-144" stroke="#BBBBBB" fill="#FFFFFF" x="14.7096774" y="0" width="11.0322581" height="7.04347826"></rect>
+                <rect id="矩形备份-152" stroke="#BBBBBB" fill="#FFFFFF" x="14.7096774" y="9.39130435" width="11.0322581" height="7.04347826"></rect>
+                <rect id="矩形备份-145" stroke="#CCCCCC" fill="#CCCCCC" x="29.4193548" y="0" width="11.0322581" height="7.04347826"></rect>
+                <rect id="矩形备份-153" stroke="#BBBBBB" fill="#FFFFFF" x="29.4193548" y="9.39130435" width="11.0322581" height="7.04347826"></rect>
+                <rect id="矩形备份-146" stroke="#BBBBBB" fill="#FFFFFF" x="44.1290323" y="0" width="11.0322581" height="7.04347826"></rect>
+                <rect id="矩形备份-154" stroke="#CCCCCC" fill="#CCCCCC" x="44.1290323" y="9.39130435" width="11.0322581" height="7.04347826"></rect>
+                <rect id="矩形备份-147" stroke="#CCCCCC" fill="#CCCCCC" x="58.8387097" y="0" width="11.0322581" height="7.04347826"></rect>
+                <rect id="矩形备份-155" stroke="#BBBBBB" fill="#FFFFFF" x="58.8387097" y="9.39130435" width="11.0322581" height="7.04347826"></rect>
+                <rect id="矩形备份-148" stroke="#BBBBBB" fill="#FFFFFF" x="73.5483871" y="0" width="11.0322581" height="7.04347826"></rect>
+                <rect id="矩形备份-156" stroke="#CCCCCC" fill="#CCCCCC" x="73.5483871" y="9.39130435" width="11.0322581" height="7.04347826"></rect>
+                <rect id="矩形备份-149" stroke="#CCCCCC" fill="#CCCCCC" x="88.2580645" y="0" width="11.0322581" height="7.04347826"></rect>
+                <rect id="矩形备份-157" stroke="#BBBBBB" fill="#FFFFFF" x="88.2580645" y="9.39130435" width="11.0322581" height="7.04347826"></rect>
+                <rect id="矩形备份-150" stroke="#BBBBBB" fill="#FFFFFF" x="102.967742" y="0" width="11.0322581" height="7.04347826"></rect>
+                <rect id="矩形备份-158" stroke="#BBBBBB" fill="#FFFFFF" x="102.967742" y="9.39130435" width="11.0322581" height="7.04347826"></rect>
+                <rect id="矩形备份-166" stroke="#BBBBBB" fill="#FFFFFF" x="0" y="18.7826087" width="11.0322581" height="7.04347826"></rect>
+                <rect id="矩形备份-165" stroke="#BBBBBB" fill="#FFFFFF" x="14.7096774" y="18.7826087" width="11.0322581" height="7.04347826"></rect>
+                <rect id="矩形备份-164" stroke="#BBBBBB" fill="#FFFFFF" x="29.4193548" y="18.7826087" width="11.0322581" height="7.04347826"></rect>
+                <rect id="矩形备份-163" stroke="#BBBBBB" fill="#FFFFFF" x="44.1290323" y="18.7826087" width="11.0322581" height="7.04347826"></rect>
+                <rect id="矩形备份-162" stroke="#CCCCCC" fill="#CCCCCC" x="58.8387097" y="18.7826087" width="11.0322581" height="7.04347826"></rect>
+                <rect id="矩形备份-161" stroke="#BBBBBB" fill="#FFFFFF" x="73.5483871" y="18.7826087" width="11.0322581" height="7.04347826"></rect>
+                <rect id="矩形备份-160" stroke="#CCCCCC" fill="#CCCCCC" x="88.2580645" y="18.7826087" width="11.0322581" height="7.04347826"></rect>
+                <rect id="矩形备份-159" stroke="#BBBBBB" fill="#FFFFFF" x="102.967742" y="18.7826087" width="11.0322581" height="7.04347826"></rect>
+                <rect id="矩形备份-174" stroke="#BBBBBB" fill="#FFFFFF" x="0" y="28.173913" width="11.0322581" height="7.04347826"></rect>
+                <rect id="矩形备份-173" stroke="#BBBBBB" fill="#FFFFFF" x="14.7096774" y="28.173913" width="11.0322581" height="7.04347826"></rect>
+                <rect id="矩形备份-172" stroke="#CCCCCC" fill="#CCCCCC" x="29.4193548" y="28.173913" width="11.0322581" height="7.04347826"></rect>
+                <rect id="矩形备份-171" stroke="#CCCCCC" fill="#CCCCCC" x="44.1290323" y="28.173913" width="11.0322581" height="7.04347826"></rect>
+                <rect id="矩形备份-170" stroke="#BBBBBB" fill="#FFFFFF" x="58.8387097" y="28.173913" width="11.0322581" height="7.04347826"></rect>
+                <rect id="矩形备份-169" stroke="#BBBBBB" fill="#FFFFFF" x="73.5483871" y="28.173913" width="11.0322581" height="7.04347826"></rect>
+                <rect id="矩形备份-168" stroke="#BBBBBB" fill="#FFFFFF" x="88.2580645" y="28.173913" width="11.0322581" height="7.04347826"></rect>
+                <rect id="矩形备份-167" stroke="#BBBBBB" fill="#FFFFFF" x="102.967742" y="28.173913" width="11.0322581" height="7.04347826"></rect>
+                <rect id="矩形备份-182" stroke="#CCCCCC" fill="#CCCCCC" x="0" y="37.5652174" width="11.0322581" height="7.04347826"></rect>
+                <rect id="矩形备份-181" stroke="#CCCCCC" fill="#CCCCCC" x="14.7096774" y="37.5652174" width="11.0322581" height="7.04347826"></rect>
+                <rect id="矩形备份-180" stroke="#BBBBBB" fill="#FFFFFF" x="29.4193548" y="37.5652174" width="11.0322581" height="7.04347826"></rect>
+                <rect id="矩形备份-179" stroke="#BBBBBB" fill="#FFFFFF" x="44.1290323" y="37.5652174" width="11.0322581" height="7.04347826"></rect>
+                <rect id="矩形备份-178" stroke="#BBBBBB" fill="#FFFFFF" x="58.8387097" y="37.5652174" width="11.0322581" height="7.04347826"></rect>
+                <rect id="矩形备份-177" stroke="#BBBBBB" fill="#FFFFFF" x="73.5483871" y="37.5652174" width="11.0322581" height="7.04347826"></rect>
+                <rect id="矩形备份-176" stroke="#BBBBBB" fill="#FFFFFF" x="88.2580645" y="37.5652174" width="11.0322581" height="7.04347826"></rect>
+                <rect id="矩形备份-175" stroke="#CCCCCC" fill="#CCCCCC" x="102.967742" y="37.5652174" width="11.0322581" height="7.04347826"></rect>
+                <rect id="矩形备份-190" stroke="#BBBBBB" fill="#FFFFFF" x="0" y="46.9565217" width="11.0322581" height="7.04347826"></rect>
+                <rect id="矩形备份-189" stroke="#BBBBBB" fill="#FFFFFF" x="14.7096774" y="46.9565217" width="11.0322581" height="7.04347826"></rect>
+                <rect id="矩形备份-188" stroke="#CCCCCC" fill="#CCCCCC" x="29.4193548" y="46.9565217" width="11.0322581" height="7.04347826"></rect>
+                <rect id="矩形备份-187" stroke="#BBBBBB" fill="#FFFFFF" x="44.1290323" y="46.9565217" width="11.0322581" height="7.04347826"></rect>
+                <rect id="矩形备份-186" stroke="#CCCCCC" fill="#CCCCCC" x="58.8387097" y="46.9565217" width="11.0322581" height="7.04347826"></rect>
+                <rect id="矩形备份-185" stroke="#BBBBBB" fill="#FFFFFF" x="73.5483871" y="46.9565217" width="11.0322581" height="7.04347826"></rect>
+                <rect id="矩形备份-184" stroke="#CCCCCC" fill="#CCCCCC" x="88.2580645" y="46.9565217" width="11.0322581" height="7.04347826"></rect>
+                <rect id="矩形备份-183" stroke="#BBBBBB" fill="#FFFFFF" x="102.967742" y="46.9565217" width="11.0322581" height="7.04347826"></rect>
             </g>
+            <path d="M80.5,157 C81.3284271,157 82,157.671573 82,158.5 L81.999,160 L83.5,160 C84.3284271,160 85,160.671573 85,161.5 C85,162.328427 84.3284271,163 83.5,163 L81.999,163 L82,164.5 C82,165.328427 81.3284271,166 80.5,166 C79.6715729,166 79,165.328427 79,164.5 L78.999,163 L77.5,163 C76.6715729,163 76,162.328427 76,161.5 C76,160.671573 76.6715729,160 77.5,160 L78.999,160 L79,158.5 C79,157.671573 79.6715729,157 80.5,157 Z" id="形状结合" fill="#CCCCCC" transform="translate(80.500000, 161.500000) rotate(-360.000000) translate(-80.500000, -161.500000) "></path>
+            <circle id="椭圆形" fill="#BBBBBB" cx="42.782172" cy="95.5" r="1.5"></circle>
+            <circle id="椭圆形备份" fill="#BBBBBB" cx="207.5" cy="80.5" r="1.5"></circle>
         </g>
     </g>
 </svg>

mindinsight/ui/src/assets/images/scalar-guid.svg

@@ -5,18 +5,18 @@
     <desc>Created with Sketch.</desc>
     <defs>
         <linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="linearGradient-1">
-            <stop stop-color="#EDF2FF" offset="0%"></stop>
-            <stop stop-color="#ECFEFE" offset="100%"></stop>
+            <stop stop-color="#FAFAFA" offset="0%"></stop>
+            <stop stop-color="#FAFAFA" offset="100%"></stop>
         </linearGradient>
     </defs>
     <g id="智能小助手" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="训练标量信息">
-            <path d="M136.782172,18 C137.610599,18 138.282172,18.6715729 138.282172,19.5 L138.281172,21 L139.782172,21 C140.610599,21 141.282172,21.6715729 141.282172,22.5 C141.282172,23.3284271 140.610599,24 139.782172,24 L138.281172,24 L138.282172,25.5 C138.282172,26.3284271 137.610599,27 136.782172,27 C135.953745,27 135.282172,26.3284271 135.282172,25.5 L135.281172,24 L133.782172,24 C132.953745,24 132.282172,23.3284271 132.282172,22.5 C132.282172,21.6715729 132.953745,21 133.782172,21 L135.281172,21 L135.282172,19.5 C135.282172,18.6715729 135.953745,18 136.782172,18 Z" id="形状结合备份" fill="#BBE3E3" transform="translate(136.782172, 22.500000) rotate(-360.000000) translate(-136.782172, -22.500000) "></path>
+            <path d="M136.782172,18 C137.610599,18 138.282172,18.6715729 138.282172,19.5 L138.281172,21 L139.782172,21 C140.610599,21 141.282172,21.6715729 141.282172,22.5 C141.282172,23.3284271 140.610599,24 139.782172,24 L138.281172,24 L138.282172,25.5 C138.282172,26.3284271 137.610599,27 136.782172,27 C135.953745,27 135.282172,26.3284271 135.282172,25.5 L135.281172,24 L133.782172,24 C132.953745,24 132.282172,23.3284271 132.282172,22.5 C132.282172,21.6715729 132.953745,21 133.782172,21 L135.281172,21 L135.282172,19.5 C135.282172,18.6715729 135.953745,18 136.782172,18 Z" id="形状结合备份" fill="#CCCCCC" transform="translate(136.782172, 22.500000) rotate(-360.000000) translate(-136.782172, -22.500000) "></path>
             <path d="M43.0527181,75.2196611 L142.238742,22.0699563 C168.735071,7.87166467 202.615796,16.2975618 217.913459,40.8897243 C233.211122,65.4818867 224.132809,96.9277629 197.63648,111.126055 L98.4504561,164.275759 C71.9541266,178.474051 38.0734016,170.048154 22.7757386,145.455991 C7.47807566,120.863829 16.5563886,89.4179527 43.0527181,75.2196611 Z" id="矩形" fill="url(#linearGradient-1)"></path>
-            <path d="M44.5,81 L44.5,78 M44,67.433713 L44,52.721519 C44,50.6661808 45.6569649,49 47.7009346,49 L172.299065,49 C174.343035,49 176,50.6661808 176,52.721519 L176,143.278481 C176,145.333819 174.343035,147 172.299065,147 L47.7009346,147 C45.6569649,147 44,145.333819 44,143.278481 L44,91.157947 L44,91.157947" id="形状" fill-opacity="0.1" fill="#00A5A7"></path>
-            <path d="M56.5,73 L56.5,70 M56,59.433713 L56,44.721519 C56,42.6661808 57.6569649,41 59.7009346,41 L184.299065,41 C186.343035,41 188,42.6661808 188,44.721519 L188,135.278481 C188,137.333819 186.343035,139 184.299065,139 L59.7009346,139 C57.6569649,139 56,137.333819 56,135.278481 L56,83.157947 L56,83.157947" id="形状" stroke="#014848" stroke-width="2" fill="#FFFFFF" stroke-linecap="round"></path>
-            <g id="编组-30" transform="translate(65.000000, 64.000000)">
-                <rect id="矩形" stroke="#98F1F2" stroke-width="0.2" fill="#EFFEFE" x="0" y="0" width="116" height="70"></rect>
+            <path d="M44.5,81 L44.5,78 M44,67.433713 L44,52.721519 C44,50.6661808 45.6569649,49 47.7009346,49 L172.299065,49 C174.343035,49 176,50.6661808 176,52.721519 L176,143.278481 C176,145.333819 174.343035,147 172.299065,147 L47.7009346,147 C45.6569649,147 44,145.333819 44,143.278481 L44,91.157947 L44,91.157947" id="形状" fill-opacity="0.1" fill="#000000"></path>
+            <path d="M56.217828,73 L56.217828,70 M55.717828,59.433713 L55.717828,44.721519 C55.717828,42.6661808 57.3747928,41 59.4187626,41 L184.016893,41 C186.060863,41 187.717828,42.6661808 187.717828,44.721519 L187.717828,135.278481 C187.717828,137.333819 186.060863,139 184.016893,139 L59.4187626,139 C57.3747928,139 55.717828,137.333819 55.717828,135.278481 L55.717828,83.157947 L55.717828,83.157947" id="形状" stroke="#666666" stroke-width="2" fill="#FFFFFF" stroke-linecap="round"></path>
+            <g id="编组-30" transform="translate(65.000000, 55.000000)">
+                <rect id="矩形" stroke="#CCCCCC" stroke-width="0.2" fill="#F5F5F5" x="0" y="0" width="116" height="70"></rect>
                 <line x1="0" y1="4.74576271" x2="116" y2="4.74576271" id="路径-63" stroke="#D4D9E6" stroke-width="0.2"></line>
                 <line x1="0" y1="8.30508475" x2="116" y2="8.30508475" id="路径-63备份" stroke="#D4D9E6" stroke-width="0.2"></line>
                 <line x1="0" y1="11.8644068" x2="116" y2="11.8644068" id="路径-63备份-2" stroke="#D4D9E6" stroke-width="0.2"></line>
@@ -43,23 +43,11 @@
                 <line x1="80.1975309" y1="8.37871439e-15" x2="80.1975309" y2="70" id="路径-64备份-5" stroke="#D4D9E6" stroke-width="0.2"></line>
                 <line x1="94.5185185" y1="8.37871439e-15" x2="94.5185185" y2="70" id="路径-64备份-6" stroke="#D4D9E6" stroke-width="0.2"></line>
                 <line x1="108.839506" y1="8.37871439e-15" x2="108.839506" y2="70" id="路径-64备份-7" stroke="#D4D9E6" stroke-width="0.2"></line>
-                <polyline id="路径-34" stroke="#00A5A7" opacity="0.8" stroke-linecap="round" stroke-linejoin="round" points="107.407407 12.9246957 105.856959 4.22466196 103.98693 17.2550375 102.513387 11.6148246 100.744417 18.4329699 99.1887275 3.55932203 97.4024624 13.4715093 95.7211678 10.9945269 93.8566702 27.1106523 92.5756956 5.96168854 90.587627 25.2104635 89.2100293 13.3598778 87.3266185 23.3073559 85.7991547 14.5989722 83.9470994 21.4473005 82.5126864 18.8806316 80.4805576 35.0576537 79.0067797 26.3297672 77.4008484 20.737648 75.5604546 36.845017 74.2566796 6.441059 72.2023003 34.9772003 70.722339 16.9882829 68.8396858 39.2865219 67.493599 11.9856939 65.5054527 37.4100151 64.1044292 22.4801805 62.2772606 32.407227 60.7189366 23.7100542 59.0150787 36.6800637 57.3744525 31.1005484 57.3275823 31.1175753 55.7771335 22.4175416 53.782361 44.756511 52.2994288 39.816945 50.5304587 46.6350903 48.9747688 31.7614424 47.1885037 41.6736296 45.5072091 39.1966473 43.6427115 55.3127727 42.3617369 34.1638089 40.3736683 53.4125839 38.9960706 41.5619982 37.1126598 51.5094763 35.585196 42.8010926 33.7331407 49.6494209 32.2987277 47.082752 30.2665989 63.2597741 28.792821 54.5318875 27.1868897 48.9397684 25.3464959 65.0471374 24.0427209 34.6431794 21.9883416 63.1793207 20.5083803 45.1904033 18.6257271 67.4886423 17.2796403 40.1878142 15.2914941 65.6121355 13.8904705 50.6823009 12.0633019 60.6093474 10.504978 51.9121745 8.80112006 64.8821841 7.16049383 59.3026688"></polyline>
-            </g>
-            <rect id="矩形" fill="#00A5A7" x="64" y="52" width="12" height="2" rx="1"></rect>
-            <rect id="矩形备份-100" fill="#D4D9E6" x="64" y="57" width="21" height="2" rx="1"></rect>
-            <path d="M80.5,157 C81.3284271,157 82,157.671573 82,158.5 L81.999,160 L83.5,160 C84.3284271,160 85,160.671573 85,161.5 C85,162.328427 84.3284271,163 83.5,163 L81.999,163 L82,164.5 C82,165.328427 81.3284271,166 80.5,166 C79.6715729,166 79,165.328427 79,164.5 L78.999,163 L77.5,163 C76.6715729,163 76,162.328427 76,161.5 C76,160.671573 76.6715729,160 77.5,160 L78.999,160 L79,158.5 C79,157.671573 79.6715729,157 80.5,157 Z" id="形状结合" fill="#ACBCF0" transform="translate(80.500000, 161.500000) rotate(-360.000000) translate(-80.500000, -161.500000) "></path>
-            <circle id="椭圆形" fill="#ACBCF0" cx="42.782172" cy="95.5" r="1.5"></circle>
-            <circle id="椭圆形备份" fill="#BBE3E3" cx="207.5" cy="80.5" r="1.5"></circle>
-            <circle id="椭圆形" fill-opacity="0.1" fill="#00A5A7" cx="181" cy="51" r="18"></circle>
-            <circle id="椭圆形备份-3" fill-opacity="0.1" fill="#00A5A7" cx="55" cy="135" r="18"></circle>
-            <path d="M196.071045,31.0788984 C193.196838,29.1351405 189.730982,28 186,28 C176.058875,28 168,36.0588745 168,46 C168,55.9411255 176.058875,64 186,64 C195.941125,64 204,55.9411255 204,46 C204,42.4508045 202.972781,39.1415289 201.199425,36.3532559" id="路径" stroke="#014848" stroke-width="2" fill="#97ABEF" stroke-linecap="round"></path>
-            <g id="标量数据" transform="translate(176.000000, 39.000000)" fill="#FFFFFF" fill-rule="nonzero" stroke="#FFFFFF" stroke-width="0.5">
-                <path d="M19.4568327,4.64485543 L16.8588869,4.64485543 L14.3339644,1.19841951 C14.1401169,0.935893854 13.7639172,0.87395366 13.4913873,1.05969162 C13.4128447,1.10852628 13.3473899,1.17471693 13.3004032,1.2528226 L10.800758,5.4500212 L10.1660167,3.54591296 C10.0869135,3.31540358 9.86892512,3.15624819 9.61834159,3.14605022 L9.51723234,3.14605022 C9.27947208,3.17269542 9.0699471,3.30967152 8.95551432,3.5132711 L8.07361702,4.91143058 L7.27316884,2.50681388 C7.17122855,2.19987302 6.83202092,2.03074255 6.51484951,2.1287124 L6.46710348,2.15047363 L6.4053145,2.17495502 C6.30823859,2.22633196 6.22760036,2.30254918 6.17220152,2.39528754 L1.43411001,10.3326988 C0.880121082,10.3003584 0.361869088,10.5987844 0.126587869,11.0856115 C-0.10869335,11.5724386 -0.0133365569,12.1490372 0.367167971,12.5403391 C0.747672499,12.931641 1.33623574,13.0583696 1.85208164,12.8600686 C2.36792754,12.6617675 2.70654733,12.1786121 2.70640133,11.6410931 C2.70510911,11.383169 2.62497076,11.1313936 2.47609694,10.917532 L6.54012682,4.10082449 L7.32934065,6.47551949 C7.43246483,6.78136996 7.77130625,6.94910239 8.08765998,6.85090083 C8.20922698,6.81269705 8.31469172,6.73728238 8.38817912,6.63600861 C8.42746843,6.59418514 8.4622852,6.54861692 8.49209694,6.50000089 L9.39646296,5.06375924 L10.0649074,7.07395351 C10.1680316,7.37980398 10.506873,7.54753641 10.8232267,7.44933485 C10.988233,7.39726211 11.1215701,7.27805717 11.1883434,7.12291629 L13.88459,2.59929914 L15.9517123,5.4200995 C16.0040987,5.49095993 16.0722448,5.54952364 16.1511222,5.59146924 C16.2443558,5.65894791 16.3577202,5.69522794 16.47411,5.69483511 L19.4568327,5.69483511 C19.756203,5.69483511 19.9988906,5.45978915 19.9988906,5.16984527 C19.9988906,4.87990139 19.756203,4.64485543 19.4568327,4.64485543 L19.4568327,4.64485543 Z" id="路径"></path>
-            </g>
-            <path d="M72.5637829,141.9082 C73.0480419,141.29499 73.4883661,140.64548 73.8800055,139.964421 C75.2286726,137.619092 76,134.899623 76,132 C76,123.163444 68.836556,116 60,116 C54.8379246,116 50.2468118,118.444581 47.3211786,122.239227 C45.2386475,124.94034 44,128.325519 44,132 C44,132.792904 44.0576762,133.572337 44.1690622,134.334332 C44.686342,137.873063 46.3619808,141.035718 48.7986984,143.425016 C51.6848124,146.254966 55.6386189,148 60,148 C62.3396615,148 64.562032,147.497817 66.5652032,146.59536" id="路径" stroke="#014848" stroke-width="2" fill="#A2E5E6" stroke-linecap="round"></path>
-            <g id="训练" transform="translate(53.000000, 125.000000)" fill="#FFFFFF" fill-rule="nonzero">
-                <path d="M8.26258784,12.4696087 C6.80172526,12.8643923 5.24048314,12.5664688 4.02764947,11.6614782 C4.70132182,10.6541797 4.43324705,9.29173197 3.42817478,8.61474268 C2.42310252,7.93775339 1.05977846,8.20133535 0.37947959,9.20417043 C-0.300819277,10.2070055 -0.0417330081,11.5711911 0.958853992,12.2547921 C1.61903935,12.6986503 2.466863,12.7533489 3.17861025,12.3980032 C4.68268139,13.6168818 6.6821565,14.0358165 8.54900997,13.5232221 C8.83912264,13.4346275 9.00351743,13.1286658 8.91726482,12.8378483 C8.82470833,12.5604737 8.53809888,12.3973313 8.25234539,12.4593663 L8.26258784,12.4696087 Z M6.96346106,1.69555024e-05 C5.81219867,0.00296189179 4.85992661,0.897112933 4.78461353,2.04591296 C2.97721259,2.74194983 1.6146082,4.26441927 1.12251942,6.13765553 C1.05013199,6.43051711 1.2216109,6.72835102 1.51122863,6.81278687 C1.80409521,6.88518364 2.10193929,6.71370276 2.18637524,6.42407766 C2.56851741,4.95723094 3.60673288,3.74911472 4.99941486,3.15069277 C5.47073013,4.13302191 6.5902358,4.62219475 7.63126622,4.30069158 C8.67229664,3.97918842 9.32101069,2.94393332 9.15633125,1.86690533 C8.9916518,0.789877334 8.06322504,-0.00423020041 6.97368824,1.69555024e-05 L6.96346106,1.69555024e-05 Z M12.9373866,8.61315238 C13.2437174,6.70601899 12.6202934,4.76731954 11.2597778,3.39619091 C11.1263669,3.23355495 10.9121643,3.16080724 10.7073016,3.20855838 C10.5024389,3.25630952 10.342478,3.41627043 10.2947268,3.62113316 C10.2469757,3.82599589 10.3197234,4.04019848 10.4823594,4.17360933 C11.5632205,5.24493438 12.091332,6.75382354 11.91447,8.2653519 C10.7998343,8.15559167 9.77804083,8.89340843 9.5315878,9.98598388 C9.28513476,11.0785593 9.89123761,12.1835818 10.9450552,12.5629612 C11.9988728,12.9423406 13.1702366,12.4772145 13.6767443,11.47826 C14.1832521,10.4793055 13.8662113,9.25950204 12.9373866,8.63360675 L12.9373866,8.61315238 Z" id="形状"></path>
+                <polyline id="路径-34" stroke="#999999" opacity="0.8" stroke-linecap="round" stroke-linejoin="round" points="107.407407 12.9246957 105.856959 4.22466196 103.98693 17.2550375 102.513387 11.6148246 100.744417 18.4329699 99.1887275 3.55932203 97.4024624 13.4715093 95.7211678 10.9945269 93.8566702 27.1106523 92.5756956 5.96168854 90.587627 25.2104635 89.2100293 13.3598778 87.3266185 23.3073559 85.7991547 14.5989722 83.9470994 21.4473005 82.5126864 18.8806316 80.4805576 35.0576537 79.0067797 26.3297672 77.4008484 20.737648 75.5604546 36.845017 74.2566796 6.441059 72.2023003 34.9772003 70.722339 16.9882829 68.8396858 39.2865219 67.493599 11.9856939 65.5054527 37.4100151 64.1044292 22.4801805 62.2772606 32.407227 60.7189366 23.7100542 59.0150787 36.6800637 57.3744525 31.1005484 57.3275823 31.1175753 55.7771335 22.4175416 53.782361 44.756511 52.2994288 39.816945 50.5304587 46.6350903 48.9747688 31.7614424 47.1885037 41.6736296 45.5072091 39.1966473 43.6427115 55.3127727 42.3617369 34.1638089 40.3736683 53.4125839 38.9960706 41.5619982 37.1126598 51.5094763 35.585196 42.8010926 33.7331407 49.6494209 32.2987277 47.082752 30.2665989 63.2597741 28.792821 54.5318875 27.1868897 48.9397684 25.3464959 65.0471374 24.0427209 34.6431794 21.9883416 63.1793207 20.5083803 45.1904033 18.6257271 67.4886423 17.2796403 40.1878142 15.2914941 65.6121355 13.8904705 50.6823009 12.0633019 60.6093474 10.504978 51.9121745 8.80112006 64.8821841 7.16049383 59.3026688"></polyline>
             </g>
+            <path d="M80.5,157 C81.3284271,157 82,157.671573 82,158.5 L81.999,160 L83.5,160 C84.3284271,160 85,160.671573 85,161.5 C85,162.328427 84.3284271,163 83.5,163 L81.999,163 L82,164.5 C82,165.328427 81.3284271,166 80.5,166 C79.6715729,166 79,165.328427 79,164.5 L78.999,163 L77.5,163 C76.6715729,163 76,162.328427 76,161.5 C76,160.671573 76.6715729,160 77.5,160 L78.999,160 L79,158.5 C79,157.671573 79.6715729,157 80.5,157 Z" id="形状结合" fill="#CCCCCC" transform="translate(80.500000, 161.500000) rotate(-360.000000) translate(-80.500000, -161.500000) "></path>
+            <circle id="椭圆形" fill="#BBBBBB" cx="42.782172" cy="95.5" r="1.5"></circle>
+            <circle id="椭圆形备份" fill="#BBBBBB" cx="207.5" cy="80.5" r="1.5"></circle>
         </g>
     </g>
 </svg>

mindinsight/ui/src/assets/images/tensor-guid.svg

@@ -5,21 +5,21 @@
     <desc>Created with Sketch.</desc>
     <defs>
         <linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="linearGradient-1">
-            <stop stop-color="#EDF2FF" offset="0%"></stop>
-            <stop stop-color="#ECFEFE" offset="100%"></stop>
+            <stop stop-color="#FAFAFA" offset="0%"></stop>
+            <stop stop-color="#FAFAFA" offset="100%"></stop>
         </linearGradient>
     </defs>
     <g id="智能小助手" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
         <g id="张量">
-            <path d="M136.782172,18 C137.610599,18 138.282172,18.6715729 138.282172,19.5 L138.281172,21 L139.782172,21 C140.610599,21 141.282172,21.6715729 141.282172,22.5 C141.282172,23.3284271 140.610599,24 139.782172,24 L138.281172,24 L138.282172,25.5 C138.282172,26.3284271 137.610599,27 136.782172,27 C135.953745,27 135.282172,26.3284271 135.282172,25.5 L135.281172,24 L133.782172,24 C132.953745,24 132.282172,23.3284271 132.282172,22.5 C132.282172,21.6715729 132.953745,21 133.782172,21 L135.281172,21 L135.282172,19.5 C135.282172,18.6715729 135.953745,18 136.782172,18 Z" id="形状结合备份" fill="#BBE3E3" transform="translate(136.782172, 22.500000) rotate(-360.000000) translate(-136.782172, -22.500000) "></path>
+            <path d="M136.782172,18 C137.610599,18 138.282172,18.6715729 138.282172,19.5 L138.281172,21 L139.782172,21 C140.610599,21 141.282172,21.6715729 141.282172,22.5 C141.282172,23.3284271 140.610599,24 139.782172,24 L138.281172,24 L138.282172,25.5 C138.282172,26.3284271 137.610599,27 136.782172,27 C135.953745,27 135.282172,26.3284271 135.282172,25.5 L135.281172,24 L133.782172,24 C132.953745,24 132.282172,23.3284271 132.282172,22.5 C132.282172,21.6715729 132.953745,21 133.782172,21 L135.281172,21 L135.282172,19.5 C135.282172,18.6715729 135.953745,18 136.782172,18 Z" id="形状结合备份" fill="#CCCCCC" transform="translate(136.782172, 22.500000) rotate(-360.000000) translate(-136.782172, -22.500000) "></path>
             <path d="M43.0527181,75.2196611 L142.238742,22.0699563 C168.735071,7.87166467 202.615796,16.2975618 217.913459,40.8897243 C233.211122,65.4818867 224.132809,96.9277629 197.63648,111.126055 L98.4504561,164.275759 C71.9541266,178.474051 38.0734016,170.048154 22.7757386,145.455991 C7.47807566,120.863829 16.5563886,89.4179527 43.0527181,75.2196611 Z" id="矩形" fill="url(#linearGradient-1)"></path>
-            <path d="M44.5,81 L44.5,78 M44,67.433713 L44,52.721519 C44,50.6661808 45.6569649,49 47.7009346,49 L172.299065,49 C174.343035,49 176,50.6661808 176,52.721519 L176,143.278481 C176,145.333819 174.343035,147 172.299065,147 L47.7009346,147 C45.6569649,147 44,145.333819 44,143.278481 L44,91.157947 L44,91.157947" id="形状" fill-opacity="0.1" fill="#00A5A7"></path>
-            <path d="M56.5,73 L56.5,70 M56,59.433713 L56,44.721519 C56,42.6661808 57.6569649,41 59.7009346,41 L184.299065,41 C186.343035,41 188,42.6661808 188,44.721519 L188,135.278481 C188,137.333819 186.343035,139 184.299065,139 L59.7009346,139 C57.6569649,139 56,137.333819 56,135.278481 L56,83.157947 L56,83.157947" id="形状" stroke="#014848" stroke-width="2" fill="#FFFFFF" stroke-linecap="round"></path>
-            <g id="编组-29" transform="translate(64.000000, 76.000000)">
+            <path d="M44.5,81 L44.5,78 M44,67.433713 L44,52.721519 C44,50.6661808 45.6569649,49 47.7009346,49 L172.299065,49 C174.343035,49 176,50.6661808 176,52.721519 L176,143.278481 C176,145.333819 174.343035,147 172.299065,147 L47.7009346,147 C45.6569649,147 44,145.333819 44,143.278481 L44,91.157947 L44,91.157947" id="形状" fill-opacity="0.1" fill="#000000"></path>
+            <path d="M56.217828,73 L56.217828,70 M55.717828,59.433713 L55.717828,44.721519 C55.717828,42.6661808 57.3747928,41 59.4187626,41 L184.016893,41 C186.060863,41 187.717828,42.6661808 187.717828,44.721519 L187.717828,135.278481 C187.717828,137.333819 186.060863,139 184.016893,139 L59.4187626,139 C57.3747928,139 55.717828,137.333819 55.717828,135.278481 L55.717828,83.157947 L55.717828,83.157947" id="形状" stroke="#666666" stroke-width="2" fill="#FFFFFF" stroke-linecap="round"></path>
+            <g id="编组-29" transform="translate(64.000000, 65.000000)">
                 <rect id="矩形" stroke="#D4D9E6" stroke-width="0.2" fill="#FFFFFF" x="0" y="0" width="19.3333333" height="5"></rect>
                 <rect id="矩形备份-200" stroke="#D4D9E6" stroke-width="0.2" fill="#FFFFFF" x="19.3333333" y="0" width="19.3333333" height="5"></rect>
                 <rect id="矩形备份-191" stroke="#D4D9E6" stroke-width="0.2" fill="#FFFFFF" x="0" y="5" width="19.3333333" height="5"></rect>
-                <rect id="矩形备份-201" stroke="#D4D9E6" stroke-width="0.2" fill-opacity="0.6" fill="#00A5A7" x="19.3333333" y="5" width="19.3333333" height="5"></rect>
+                <rect id="矩形备份-201" fill="#666666" opacity="0.2" x="19.3333333" y="5" width="19.3333333" height="5"></rect>
                 <rect id="矩形备份-192" stroke="#D4D9E6" stroke-width="0.2" fill="#FFFFFF" x="0" y="10" width="19.3333333" height="5"></rect>
                 <rect id="矩形备份-202" stroke="#D4D9E6" stroke-width="0.2" fill="#FFFFFF" x="19.3333333" y="10" width="19.3333333" height="5"></rect>
                 <rect id="矩形备份-193" stroke="#D4D9E6" stroke-width="0.2" fill="#FFFFFF" x="0" y="15" width="19.3333333" height="5"></rect>
@@ -27,54 +27,54 @@
                 <rect id="矩形备份-194" stroke="#D4D9E6" stroke-width="0.2" fill="#FFFFFF" x="0" y="20" width="19.3333333" height="5"></rect>
                 <rect id="矩形备份-204" stroke="#D4D9E6" stroke-width="0.2" fill="#FFFFFF" x="19.3333333" y="20" width="19.3333333" height="5"></rect>
                 <rect id="矩形备份-195" stroke="#D4D9E6" stroke-width="0.2" fill="#FFFFFF" x="0" y="25" width="19.3333333" height="5"></rect>
-                <rect id="矩形备份-205" stroke="#D4D9E6" stroke-width="0.2" fill-opacity="0.1" fill="#E37D29" x="19.3333333" y="25" width="19.3333333" height="5"></rect>
+                <rect id="矩形备份-205" fill="#282B33" opacity="0.398135231" x="19.3333333" y="25" width="19.3333333" height="5"></rect>
                 <rect id="矩形备份-196" stroke="#D4D9E6" stroke-width="0.2" fill="#FFFFFF" x="0" y="30" width="19.3333333" height="5"></rect>
                 <rect id="矩形备份-206" stroke="#D4D9E6" stroke-width="0.2" fill="#FFFFFF" x="19.3333333" y="30" width="19.3333333" height="5"></rect>
                 <rect id="矩形备份-197" stroke="#D4D9E6" stroke-width="0.2" fill="#FFFFFF" x="0" y="35" width="19.3333333" height="5"></rect>
                 <rect id="矩形备份-207" stroke="#D4D9E6" stroke-width="0.2" fill="#FFFFFF" x="19.3333333" y="35" width="19.3333333" height="5"></rect>
                 <rect id="矩形备份-198" stroke="#D4D9E6" stroke-width="0.2" fill="#FFFFFF" x="0" y="40" width="19.3333333" height="5"></rect>
-                <rect id="矩形备份-208" stroke="#D4D9E6" stroke-width="0.2" fill-opacity="0.1" fill="#00A5A7" x="19.3333333" y="40" width="19.3333333" height="5"></rect>
+                <rect id="矩形备份-208" fill="#282B33" opacity="0.307431176" x="19.3333333" y="40" width="19.3333333" height="5"></rect>
                 <rect id="矩形备份-199" stroke="#D4D9E6" stroke-width="0.2" fill="#FFFFFF" x="0" y="45" width="19.3333333" height="5"></rect>
                 <rect id="矩形备份-209" stroke="#D4D9E6" stroke-width="0.2" fill="#FFFFFF" x="19.3333333" y="45" width="19.3333333" height="5"></rect>
                 <rect id="矩形备份-219" stroke="#D4D9E6" stroke-width="0.2" fill="#FFFFFF" x="38.6666667" y="0" width="19.3333333" height="5"></rect>
                 <rect id="矩形备份-218" stroke="#D4D9E6" stroke-width="0.2" fill="#FFFFFF" x="38.6666667" y="5" width="19.3333333" height="5"></rect>
-                <rect id="矩形备份-217" stroke="#D4D9E6" stroke-width="0.2" fill-opacity="0.5" fill="#E37D29" x="38.6666667" y="10" width="19.3333333" height="5"></rect>
-                <rect id="矩形备份-216" stroke="#D4D9E6" stroke-width="0.2" fill-opacity="0.7" fill="#00A5A7" x="38.6666667" y="15" width="19.3333333" height="5"></rect>
+                <rect id="矩形备份-217" fill="#282B33" opacity="0.256766183" x="38.6666667" y="10" width="19.3333333" height="5"></rect>
+                <rect id="矩形备份-216" fill="#282B33" opacity="0.28515625" x="38.6666667" y="15" width="19.3333333" height="5"></rect>
                 <rect id="矩形备份-215" stroke="#D4D9E6" stroke-width="0.2" fill="#FFFFFF" x="38.6666667" y="20" width="19.3333333" height="5"></rect>
                 <rect id="矩形备份-214" stroke="#D4D9E6" stroke-width="0.2" fill="#FFFFFF" x="38.6666667" y="25" width="19.3333333" height="5"></rect>
                 <rect id="矩形备份-213" stroke="#D4D9E6" stroke-width="0.2" fill="#FFFFFF" x="38.6666667" y="30" width="19.3333333" height="5"></rect>
-                <rect id="矩形备份-212" stroke="#D4D9E6" stroke-width="0.2" fill-opacity="0.2" fill="#00A5A7" x="38.6666667" y="35" width="19.3333333" height="5"></rect>
+                <rect id="矩形备份-212" fill="#282B33" opacity="0.344773065" x="38.6666667" y="35" width="19.3333333" height="5"></rect>
                 <rect id="矩形备份-211" stroke="#D4D9E6" stroke-width="0.2" fill="#FFFFFF" x="38.6666667" y="40" width="19.3333333" height="5"></rect>
                 <rect id="矩形备份-210" stroke="#D4D9E6" stroke-width="0.2" fill="#FFFFFF" x="38.6666667" y="45" width="19.3333333" height="5"></rect>
                 <rect id="矩形备份-229" stroke="#D4D9E6" stroke-width="0.2" fill="#FFFFFF" x="58" y="0" width="19.3333333" height="5"></rect>
                 <rect id="矩形备份-228" stroke="#D4D9E6" stroke-width="0.2" fill="#FFFFFF" x="58" y="5" width="19.3333333" height="5"></rect>
-                <rect id="矩形备份-227" stroke="#D4D9E6" stroke-width="0.2" fill-opacity="0.7" fill="#00A5A7" x="58" y="10" width="19.3333333" height="5"></rect>
+                <rect id="矩形备份-227" fill="#282B33" opacity="0.15625" x="58" y="10" width="19.3333333" height="5"></rect>
                 <rect id="矩形备份-226" stroke="#D4D9E6" stroke-width="0.2" fill="#FFFFFF" x="58" y="15" width="19.3333333" height="5"></rect>
                 <rect id="矩形备份-225" stroke="#D4D9E6" stroke-width="0.2" fill="#FFFFFF" x="58" y="20" width="19.3333333" height="5"></rect>
-                <rect id="矩形备份-224" stroke="#D4D9E6" stroke-width="0.2" fill-opacity="0.4" fill="#00A5A7" x="58" y="25" width="19.3333333" height="5"></rect>
-                <rect id="矩形备份-223" stroke="#D4D9E6" stroke-width="0.2" fill-opacity="0.1" fill="#E37D29" x="58" y="30" width="19.3333333" height="5"></rect>
+                <rect id="矩形备份-224" fill="#282B33" opacity="0.327287946" x="58" y="25" width="19.3333333" height="5"></rect>
+                <rect id="矩形备份-223" fill="#282B33" opacity="0.0935872396" x="58" y="30" width="19.3333333" height="5"></rect>
                 <rect id="矩形备份-222" stroke="#D4D9E6" stroke-width="0.2" fill="#FFFFFF" x="58" y="35" width="19.3333333" height="5"></rect>
-                <rect id="矩形备份-221" stroke="#D4D9E6" stroke-width="0.2" fill-opacity="0.3" fill="#E37D29" x="58" y="40" width="19.3333333" height="5"></rect>
+                <rect id="矩形备份-221" fill="#282B33" opacity="0.439429874" x="58" y="40" width="19.3333333" height="5"></rect>
                 <rect id="矩形备份-220" stroke="#D4D9E6" stroke-width="0.2" fill="#FFFFFF" x="58" y="45" width="19.3333333" height="5"></rect>
                 <rect id="矩形备份-239" stroke="#D4D9E6" stroke-width="0.2" fill="#FFFFFF" x="77.3333333" y="0" width="19.3333333" height="5"></rect>
-                <rect id="矩形备份-238" stroke="#D4D9E6" stroke-width="0.2" fill-opacity="0.3" fill="#E37D29" x="77.3333333" y="5" width="19.3333333" height="5"></rect>
+                <rect id="矩形备份-238" fill="#282B33" opacity="0.0565011161" x="77.3333333" y="5" width="19.3333333" height="5"></rect>
                 <rect id="矩形备份-237" stroke="#D4D9E6" stroke-width="0.2" fill="#FFFFFF" x="77.3333333" y="10" width="19.3333333" height="5"></rect>
-                <rect id="矩形备份-236" stroke="#D4D9E6" stroke-width="0.2" fill-opacity="0.2" fill="#00A5A7" x="77.3333333" y="15" width="19.3333333" height="5"></rect>
-                <rect id="矩形备份-235" stroke="#D4D9E6" stroke-width="0.2" fill-opacity="0.2" fill="#E37D29" x="77.3333333" y="20" width="19.3333333" height="5"></rect>
+                <rect id="矩形备份-236" fill="#282B33" opacity="0.0935872396" x="77.3333333" y="15" width="19.3333333" height="5"></rect>
+                <rect id="矩形备份-235" fill="#282B33" opacity="0.217215402" x="77.3333333" y="20" width="19.3333333" height="5"></rect>
                 <rect id="矩形备份-234" stroke="#D4D9E6" stroke-width="0.2" fill="#FFFFFF" x="77.3333333" y="25" width="19.3333333" height="5"></rect>
                 <rect id="矩形备份-233" stroke="#D4D9E6" stroke-width="0.2" fill="#FFFFFF" x="77.3333333" y="30" width="19.3333333" height="5"></rect>
                 <rect id="矩形备份-232" stroke="#D4D9E6" stroke-width="0.2" fill="#FFFFFF" x="77.3333333" y="35" width="19.3333333" height="5"></rect>
                 <rect id="矩形备份-231" stroke="#D4D9E6" stroke-width="0.2" fill="#FFFFFF" x="77.3333333" y="40" width="19.3333333" height="5"></rect>
-                <rect id="矩形备份-230" stroke="#D4D9E6" stroke-width="0.2" fill-opacity="0.5" fill="#00A5A7" x="77.3333333" y="45" width="19.3333333" height="5"></rect>
+                <rect id="矩形备份-230" fill="#282B33" opacity="0.0935872396" x="77.3333333" y="45" width="19.3333333" height="5"></rect>
                 <rect id="矩形备份-249" stroke="#D4D9E6" stroke-width="0.2" fill="#FFFFFF" x="96.6666667" y="0" width="19.3333333" height="5"></rect>
                 <rect id="矩形备份-248" stroke="#D4D9E6" stroke-width="0.2" fill="#FFFFFF" x="96.6666667" y="5" width="19.3333333" height="5"></rect>
                 <rect id="矩形备份-247" stroke="#D4D9E6" stroke-width="0.2" fill="#FFFFFF" x="96.6666667" y="10" width="19.3333333" height="5"></rect>
                 <rect id="矩形备份-246" stroke="#D4D9E6" stroke-width="0.2" fill="#FFFFFF" x="96.6666667" y="15" width="19.3333333" height="5"></rect>
                 <rect id="矩形备份-245" stroke="#D4D9E6" stroke-width="0.2" fill="#FFFFFF" x="96.6666667" y="20" width="19.3333333" height="5"></rect>
                 <rect id="矩形备份-244" stroke="#D4D9E6" stroke-width="0.2" fill="#FFFFFF" x="96.6666667" y="25" width="19.3333333" height="5"></rect>
-                <rect id="矩形备份-243" stroke="#D4D9E6" stroke-width="0.2" fill-opacity="0.1" fill="#E37D29" x="96.6666667" y="30" width="19.3333333" height="5"></rect>
+                <rect id="矩形备份-243" fill="#282B33" opacity="0.05859375" x="96.6666667" y="30" width="19.3333333" height="5"></rect>
                 <rect id="矩形备份-242" stroke="#D4D9E6" stroke-width="0.2" fill="#FFFFFF" x="96.6666667" y="35" width="19.3333333" height="5"></rect>
-                <rect id="矩形备份-241" stroke="#D4D9E6" stroke-width="0.2" fill-opacity="0.4" fill="#00A5A7" x="96.6666667" y="40" width="19.3333333" height="5"></rect>
+                <rect id="矩形备份-241" fill="#282B33" opacity="0.05859375" x="96.6666667" y="40" width="19.3333333" height="5"></rect>
                 <rect id="矩形备份-240" stroke="#D4D9E6" stroke-width="0.2" fill="#FFFFFF" x="96.6666667" y="45" width="19.3333333" height="5"></rect>
                 <path d="M9.66666667,8.8025 C10.0188095,8.8025 10.2839524,8.66 10.4662381,8.37875 C10.6236667,8.13875 10.702381,7.81625 10.702381,7.41125 C10.702381,7.00625 10.6236667,6.68375 10.4662381,6.44375 C10.2839524,6.15875 10.0188095,6.02 9.66666667,6.02 C9.31038095,6.02 9.0452381,6.15875 8.86709524,6.44375 C8.70966667,6.68375 8.63095238,7.00625 8.63095238,7.41125 C8.63095238,7.81625 8.70966667,8.13875 8.86709524,8.37875 C9.0452381,8.66 9.31038095,8.8025 9.66666667,8.8025 Z M9.66666667,8.54 C9.40152381,8.54 9.21095238,8.40875 9.09495238,8.15375 C9.01209524,7.97 8.97066667,7.7225 8.97066667,7.41125 C8.97066667,7.09625 9.01209524,6.84875 9.09495238,6.66875 C9.21095238,6.41 9.40152381,6.2825 9.66666667,6.2825 C9.93180952,6.2825 10.122381,6.41 10.238381,6.66875 C10.3212381,6.84875 10.3668095,7.09625 10.3668095,7.41125 C10.3668095,7.7225 10.3212381,7.97 10.238381,8.15375 C10.122381,8.40875 9.93180952,8.54 9.66666667,8.54 Z" id="0" fill="#D4D9E6" fill-rule="nonzero"></path>
                 <path d="M29,3.8025 C29.3521429,3.8025 29.6172857,3.66 29.7995714,3.37875 C29.957,3.13875 30.0357143,2.81625 30.0357143,2.41125 C30.0357143,2.00625 29.957,1.68375 29.7995714,1.44375 C29.6172857,1.15875 29.3521429,1.02 29,1.02 C28.6437143,1.02 28.3785714,1.15875 28.2004286,1.44375 C28.043,1.68375 27.9642857,2.00625 27.9642857,2.41125 C27.9642857,2.81625 28.043,3.13875 28.2004286,3.37875 C28.3785714,3.66 28.6437143,3.8025 29,3.8025 Z M29,3.54 C28.7348571,3.54 28.5442857,3.40875 28.4282857,3.15375 C28.3454286,2.97 28.304,2.7225 28.304,2.41125 C28.304,2.09625 28.3454286,1.84875 28.4282857,1.66875 C28.5442857,1.41 28.7348571,1.2825 29,1.2825 C29.2651429,1.2825 29.4557143,1.41 29.5717143,1.66875 C29.6545714,1.84875 29.7001429,2.09625 29.7001429,2.41125 C29.7001429,2.7225 29.6545714,2.97 29.5717143,3.15375 C29.4557143,3.40875 29.2651429,3.54 29,3.54 Z" id="0" fill="#D4D9E6" fill-rule="nonzero"></path>
@@ -91,25 +91,9 @@
                 <polygon id="7" fill="#D4D9E6" fill-rule="nonzero" points="9.52788095 43.75 10.6174524 41.32375 10.6174524 41.0725 8.67445238 41.0725 8.67445238 41.35375 10.2694524 41.35375 9.16745238 43.75"></polygon>
                 <path d="M9.66666667,48.8025 C10.006381,48.8025 10.2715238,48.7275 10.4620952,48.58125 C10.644381,48.43875 10.7355238,48.2475 10.7355238,48.01125 C10.7355238,47.83875 10.6775238,47.68875 10.5615238,47.56125 C10.4538095,47.44125 10.3212381,47.3625 10.1679524,47.32875 L10.1679524,47.32125 C10.3212381,47.2725 10.4372381,47.19375 10.5200952,47.08875 C10.5946667,46.99125 10.6319524,46.87125 10.6319524,46.72875 C10.6319524,46.53375 10.5490952,46.36875 10.3916667,46.2375 C10.2176667,46.09125 9.9732381,46.02 9.66666667,46.02 C9.35595238,46.02 9.11566667,46.09125 8.94166667,46.2375 C8.78009524,46.36875 8.70138095,46.53375 8.70138095,46.72875 C8.70138095,46.87125 8.73866667,46.99125 8.8132381,47.08875 C8.89195238,47.19375 9.00795238,47.2725 9.16538095,47.32125 L9.16538095,47.32875 C9.00795238,47.3625 8.87952381,47.44125 8.77180952,47.56125 C8.65580952,47.68875 8.59780952,47.83875 8.59780952,48.01125 C8.59780952,48.2475 8.68895238,48.43875 8.8712381,48.58125 C9.05766667,48.7275 9.32280952,48.8025 9.66666667,48.8025 Z M9.66666667,47.22 C9.43466667,47.22 9.26480952,47.1675 9.15709524,47.07 C9.06595238,46.9875 9.02038095,46.875 9.02038095,46.74 C9.02038095,46.60875 9.07009524,46.5 9.17366667,46.4175 C9.28966667,46.32 9.45538095,46.27125 9.66666667,46.27125 C9.87380952,46.27125 10.0395238,46.32 10.1596667,46.4175 C10.2590952,46.5 10.3129524,46.60875 10.3129524,46.74 C10.3129524,46.875 10.267381,46.9875 10.1762381,47.07 C10.064381,47.1675 9.89452381,47.22 9.66666667,47.22 Z M9.66666667,48.55125 C9.42638095,48.55125 9.23995238,48.49875 9.11566667,48.3975 C8.99138095,48.3 8.93338095,48.16875 8.93338095,48.01125 C8.93338095,47.85 8.99138095,47.71875 9.11566667,47.62125 C9.24409524,47.5125 9.42638095,47.46 9.66666667,47.46 C9.90280952,47.46 10.0892381,47.5125 10.2218095,47.62125 C10.3378095,47.71875 10.3999524,47.85 10.3999524,48.01125 C10.3999524,48.16875 10.3378095,48.29625 10.2218095,48.39375 C10.0892381,48.49875 9.90695238,48.55125 9.66666667,48.55125 Z" id="8" fill="#D4D9E6" fill-rule="nonzero"></path>
             </g>
-            <rect id="矩形" fill="#00A5A7" x="64" y="61" width="12" height="2" rx="1"></rect>
-            <path d="M56,51 L126,51 C126.552285,51 127,51.4477153 127,52 C127,52.5522847 126.552285,53 126,53 L56,53 L56,53 L56,51 Z" id="矩形" fill="#00A5A7" opacity="0.1"></path>
-            <rect id="矩形备份-100" fill="#D4D9E6" x="64" y="66" width="21" height="2" rx="1"></rect>
-            <path d="M80.5,157 C81.3284271,157 82,157.671573 82,158.5 L81.999,160 L83.5,160 C84.3284271,160 85,160.671573 85,161.5 C85,162.328427 84.3284271,163 83.5,163 L81.999,163 L82,164.5 C82,165.328427 81.3284271,166 80.5,166 C79.6715729,166 79,165.328427 79,164.5 L78.999,163 L77.5,163 C76.6715729,163 76,162.328427 76,161.5 C76,160.671573 76.6715729,160 77.5,160 L78.999,160 L79,158.5 C79,157.671573 79.6715729,157 80.5,157 Z" id="形状结合" fill="#ACBCF0" transform="translate(80.500000, 161.500000) rotate(-360.000000) translate(-80.500000, -161.500000) "></path>
-            <circle id="椭圆形" fill="#ACBCF0" cx="42.782172" cy="95.5" r="1.5"></circle>
-            <circle id="椭圆形备份" fill="#BBE3E3" cx="207.5" cy="80.5" r="1.5"></circle>
-            <circle id="椭圆形" fill-opacity="0.1" fill="#00A5A7" cx="181" cy="51" r="18"></circle>
-            <circle id="椭圆形备份-3" fill-opacity="0.1" fill="#00A5A7" cx="55" cy="135" r="18"></circle>
-            <path d="M196.071045,31.0788984 C193.196838,29.1351405 189.730982,28 186,28 C176.058875,28 168,36.0588745 168,46 C168,55.9411255 176.058875,64 186,64 C195.941125,64 204,55.9411255 204,46 C204,42.4508045 202.972781,39.1415289 201.199425,36.3532559" id="路径" stroke="#014848" stroke-width="2" fill="#97ABEF" stroke-linecap="round"></path>
-            <g id="正数" transform="translate(177.000000, 37.000000)" fill="#FFFFFF" fill-rule="nonzero">
-                <path d="M0.555998744,14.4313756 C0.16705402,13.9972048 -0.0228957286,13.4183103 0.0132851759,12.8394158 L0.0132851759,9.39318467 C-0.0228957286,8.80524497 0.185144472,8.23539573 0.574089196,7.79217965 C1.00826005,7.3941897 1.59619975,7.19519472 2.18413945,7.23137563 C2.78112437,7.1861495 3.36001884,7.38514447 3.80323492,7.79217965 C4.19217965,8.2263505 4.39117462,8.80524497 4.34594849,9.39318467 L4.34594849,12.8394158 C4.3821294,13.4183103 4.18313442,13.9972048 3.80323492,14.4313756 C3.36001884,14.8293656 2.78112437,15.0374058 2.18413945,15.0012249 C1.5781093,15.0374058 0.990169598,14.8293656 0.555998744,14.4313756 Z M2.98916457,13.6806219 C3.18815955,13.445446 3.27861181,13.1379083 3.26052136,12.8394158 L3.26052136,9.39318467 C3.27861181,9.08564698 3.18815955,8.7781093 2.98916457,8.54293342 C2.76303392,8.32584799 2.46454146,8.21730528 2.15700377,8.24444095 C1.84946608,8.21730528 1.54192839,8.32584799 1.32484296,8.54293342 C1.13489322,8.78715452 1.03539573,9.08564698 1.05348618,9.39318467 L1.05348618,12.8394158 C1.03539573,13.1469535 1.12584799,13.445446 1.32484296,13.6806219 C1.55097362,13.8977073 1.84946608,14.00625 2.15700377,13.9791143 C2.46454146,14.00625 2.76303392,13.8977073 2.98916457,13.6806219 L2.98916457,13.6806219 Z M5.49469221,13.8524812 L6.56202889,13.8524812 L6.56202889,14.9198178 L5.49469221,14.9198178 L5.49469221,13.8524812 L5.49469221,13.8524812 Z M8.25348618,14.4313756 C7.86454146,13.9972048 7.67459171,13.4183103 7.71077261,12.8394158 L7.71077261,9.39318467 C7.67459171,8.80524497 7.87358668,8.23539573 8.25348618,7.79217965 C8.69670226,7.3941897 9.27559673,7.19519472 9.87258166,7.23137563 C10.4605214,7.1861495 11.0484611,7.38514447 11.4826319,7.79217965 C11.8715766,8.2263505 12.0796168,8.80524497 12.0434359,9.39318467 L12.0434359,12.8394158 C12.0796168,13.4183103 11.8806219,13.9972048 11.4826319,14.4313756 C11.0484611,14.8384108 10.4605214,15.0374058 9.87258166,15.0012249 C9.28464196,15.0374058 8.69670226,14.8293656 8.25348618,14.4313756 Z M10.7137877,13.6806219 C10.9127827,13.445446 11.0032349,13.1379083 10.9851445,12.8394158 L10.9851445,9.39318467 C11.0032349,9.08564698 10.9127827,8.7781093 10.7137877,8.54293342 C10.487657,8.32584799 10.1891646,8.21730528 9.88162688,8.24444095 C9.5740892,8.21730528 9.26655151,8.32584799 9.04946608,8.54293342 C8.85951633,8.78715452 8.76001884,9.08564698 8.7781093,9.39318467 L8.7781093,12.8394158 C8.76001884,13.1469535 8.85047111,13.445446 9.04946608,13.6806219 C9.27559673,13.8977073 9.5740892,14.00625 9.88162688,13.9791143 C10.1801193,14.00625 10.487657,13.8977073 10.7137877,13.6806219 Z M14.1600188,14.4313756 C13.7710741,13.9972048 13.5720791,13.4273555 13.5992148,12.8394158 L13.5992148,9.39318467 C13.5630339,8.80524497 13.7710741,8.23539573 14.1600188,7.79217965 C14.6032349,7.3941897 15.1821294,7.1861495 15.7791143,7.23137563 C16.367054,7.1861495 16.9549937,7.38514447 17.3891646,7.79217965 C17.7781093,8.2263505 17.9861495,8.80524497 17.9499686,9.39318467 L17.9499686,12.8394158 C17.9861495,13.4183103 17.7871545,13.9972048 17.3891646,14.4313756 C16.9549937,14.8384108 16.367054,15.0374058 15.7791143,15.0012249 C15.1821294,15.0374058 14.5941897,14.8293656 14.1600188,14.4313756 Z M16.6022299,13.6806219 C16.8012249,13.445446 16.8916771,13.1379083 16.8735867,12.8394158 L16.8735867,9.39318467 C16.9007224,9.08564698 16.8102701,8.7781093 16.6112751,8.54293342 C16.3851445,8.32584799 16.086652,8.21730528 15.7791143,8.24444095 C15.4715766,8.21730528 15.1549937,8.32584799 14.9379083,8.54293342 C14.7479585,8.78715452 14.6575063,9.09469221 14.6755967,9.39318467 L14.6755967,12.8394158 C14.6484611,13.1379083 14.7298681,13.445446 14.9107726,13.6806219 C15.1369033,13.8977073 15.4353957,14.00625 15.7429334,13.9791143 C16.0595163,14.0152952 16.3760992,13.9067525 16.6022299,13.6806219 L16.6022299,13.6806219 Z" id="形状"></path>
-                <path d="M17.3891646,3.97509422 L11.9077575,3.97509422 C11.5640389,3.97509422 11.2926822,3.70373744 11.2926822,3.36001884 C11.2926822,3.02534548 11.5640389,2.75398869 11.8987123,2.75398869 L17.3891646,2.75398869 C17.7238379,2.75398869 17.9951947,3.02534548 17.9951947,3.36001884 C18.0042399,3.69469221 17.7328832,3.96604899 17.3982098,3.97509422 L17.3891646,3.97509422 Z" id="路径"></path>
-                <path d="M15.2544912,0.619315327 L15.2544912,6.10072236 C15.2544912,6.44444095 14.9831344,6.71579774 14.6394158,6.71579774 C14.3047425,6.71579774 14.0333857,6.44444095 14.0333857,6.10976759 L14.0333857,0.619315327 C14.0333857,0.28464196 14.3047425,0.0132851759 14.6394158,0.0132851759 C14.9740892,0.00423994975 15.245446,0.275596734 15.2544912,0.610270101 L15.2544912,0.619315327 Z" id="路径"></path>
-            </g>
-            <path d="M72.5637829,141.9082 C73.0480419,141.29499 73.4883661,140.64548 73.8800055,139.964421 C75.2286726,137.619092 76,134.899623 76,132 C76,123.163444 68.836556,116 60,116 C54.8379246,116 50.2468118,118.444581 47.3211786,122.239227 C45.2386475,124.94034 44,128.325519 44,132 C44,132.792904 44.0576762,133.572337 44.1690622,134.334332 C44.686342,137.873063 46.3619808,141.035718 48.7986984,143.425016 C51.6848124,146.254966 55.6386189,148 60,148 C62.3396615,148 64.562032,147.497817 66.5652032,146.59536" id="路径" stroke="#014848" stroke-width="2" fill="#A2E5E6" stroke-linecap="round"></path>
-            <g id="正数备份" transform="translate(51.000000, 125.000000)" fill="#FFFFFF" fill-rule="nonzero">
-                <path d="M0.555998744,12.4313756 C0.16705402,11.9972048 -0.0228957286,11.4183103 0.0132851759,10.8394158 L0.0132851759,7.39318467 C-0.0228957286,6.80524497 0.185144472,6.23539573 0.574089196,5.79217965 C1.00826005,5.3941897 1.59619975,5.19519472 2.18413945,5.23137563 C2.78112437,5.1861495 3.36001884,5.38514447 3.80323492,5.79217965 C4.19217965,6.2263505 4.39117462,6.80524497 4.34594849,7.39318467 L4.34594849,10.8394158 C4.3821294,11.4183103 4.18313442,11.9972048 3.80323492,12.4313756 C3.36001884,12.8293656 2.78112437,13.0374058 2.18413945,13.0012249 C1.5781093,13.0374058 0.990169598,12.8293656 0.555998744,12.4313756 Z M2.98916457,11.6806219 C3.18815955,11.445446 3.27861181,11.1379083 3.26052136,10.8394158 L3.26052136,7.39318467 C3.27861181,7.08564698 3.18815955,6.7781093 2.98916457,6.54293342 C2.76303392,6.32584799 2.46454146,6.21730528 2.15700377,6.24444095 C1.84946608,6.21730528 1.54192839,6.32584799 1.32484296,6.54293342 C1.13489322,6.78715452 1.03539573,7.08564698 1.05348618,7.39318467 L1.05348618,10.8394158 C1.03539573,11.1469535 1.12584799,11.445446 1.32484296,11.6806219 C1.55097362,11.8977073 1.84946608,12.00625 2.15700377,11.9791143 C2.46454146,12.00625 2.76303392,11.8977073 2.98916457,11.6806219 L2.98916457,11.6806219 Z M5.49469221,11.8524812 L6.56202889,11.8524812 L6.56202889,12.9198178 L5.49469221,12.9198178 L5.49469221,11.8524812 L5.49469221,11.8524812 Z M8.25348618,12.4313756 C7.86454146,11.9972048 7.67459171,11.4183103 7.71077261,10.8394158 L7.71077261,7.39318467 C7.67459171,6.80524497 7.87358668,6.23539573 8.25348618,5.79217965 C8.69670226,5.3941897 9.27559673,5.19519472 9.87258166,5.23137563 C10.4605214,5.1861495 11.0484611,5.38514447 11.4826319,5.79217965 C11.8715766,6.2263505 12.0796168,6.80524497 12.0434359,7.39318467 L12.0434359,10.8394158 C12.0796168,11.4183103 11.8806219,11.9972048 11.4826319,12.4313756 C11.0484611,12.8384108 10.4605214,13.0374058 9.87258166,13.0012249 C9.28464196,13.0374058 8.69670226,12.8293656 8.25348618,12.4313756 Z M10.7137877,11.6806219 C10.9127827,11.445446 11.0032349,11.1379083 10.9851445,10.8394158 L10.9851445,7.39318467 C11.0032349,7.08564698 10.9127827,6.7781093 10.7137877,6.54293342 C10.487657,6.32584799 10.1891646,6.21730528 9.88162688,6.24444095 C9.5740892,6.21730528 9.26655151,6.32584799 9.04946608,6.54293342 C8.85951633,6.78715452 8.76001884,7.08564698 8.7781093,7.39318467 L8.7781093,10.8394158 C8.76001884,11.1469535 8.85047111,11.445446 9.04946608,11.6806219 C9.27559673,11.8977073 9.5740892,12.00625 9.88162688,11.9791143 C10.1801193,12.00625 10.487657,11.8977073 10.7137877,11.6806219 Z M14.1600188,12.4313756 C13.7710741,11.9972048 13.5720791,11.4273555 13.5992148,10.8394158 L13.5992148,7.39318467 C13.5630339,6.80524497 13.7710741,6.23539573 14.1600188,5.79217965 C14.6032349,5.3941897 15.1821294,5.1861495 15.7791143,5.23137563 C16.367054,5.1861495 16.9549937,5.38514447 17.3891646,5.79217965 C17.7781093,6.2263505 17.9861495,6.80524497 17.9499686,7.39318467 L17.9499686,10.8394158 C17.9861495,11.4183103 17.7871545,11.9972048 17.3891646,12.4313756 C16.9549937,12.8384108 16.367054,13.0374058 15.7791143,13.0012249 C15.1821294,13.0374058 14.5941897,12.8293656 14.1600188,12.4313756 Z M16.6022299,11.6806219 C16.8012249,11.445446 16.8916771,11.1379083 16.8735867,10.8394158 L16.8735867,7.39318467 C16.9007224,7.08564698 16.8102701,6.7781093 16.6112751,6.54293342 C16.3851445,6.32584799 16.086652,6.21730528 15.7791143,6.24444095 C15.4715766,6.21730528 15.1549937,6.32584799 14.9379083,6.54293342 C14.7479585,6.78715452 14.6575063,7.09469221 14.6755967,7.39318467 L14.6755967,10.8394158 C14.6484611,11.1379083 14.7298681,11.445446 14.9107726,11.6806219 C15.1369033,11.8977073 15.4353957,12.00625 15.7429334,11.9791143 C16.0595163,12.0152952 16.3760992,11.9067525 16.6022299,11.6806219 L16.6022299,11.6806219 Z" id="形状"></path>
-                <path d="M17.3891646,1.97509422 L11.9077575,1.97509422 C11.5640389,1.97509422 11.2926822,1.70373744 11.2926822,1.36001884 C11.2926822,1.02534548 11.5640389,0.753988693 11.8987123,0.753988693 L17.3891646,0.753988693 C17.7238379,0.753988693 17.9951947,1.02534548 17.9951947,1.36001884 C18.0042399,1.69469221 17.7328832,1.96604899 17.3982098,1.97509422 L17.3891646,1.97509422 Z" id="路径"></path>
-            </g>
+            <path d="M80.5,157 C81.3284271,157 82,157.671573 82,158.5 L81.999,160 L83.5,160 C84.3284271,160 85,160.671573 85,161.5 C85,162.328427 84.3284271,163 83.5,163 L81.999,163 L82,164.5 C82,165.328427 81.3284271,166 80.5,166 C79.6715729,166 79,165.328427 79,164.5 L78.999,163 L77.5,163 C76.6715729,163 76,162.328427 76,161.5 C76,160.671573 76.6715729,160 77.5,160 L78.999,160 L79,158.5 C79,157.671573 79.6715729,157 80.5,157 Z" id="形状结合" fill="#CCCCCC" transform="translate(80.500000, 161.500000) rotate(-360.000000) translate(-80.500000, -161.500000) "></path>
+            <circle id="椭圆形" fill="#BBBBBB" cx="42.782172" cy="95.5" r="1.5"></circle>
+            <circle id="椭圆形备份" fill="#BBBBBB" cx="207.5" cy="80.5" r="1.5"></circle>
         </g>
     </g>
 </svg>

mindinsight/ui/src/common/common-property.js

@@ -91,7 +91,6 @@ export default {
     '#FFD1D2',
   ],
   // define graph color array
-  graphColorArr: ['#FFF8F5', '#FDEEE7', '#FFE5D9', '#FFDAC9'],
   graphColorArrPhg: ['#F5FBFB', '#EDF9F9', '#DEF5F5', '#C9F5F5'],
   // define fullscreen icon
   fullScreenIcon:

mindinsight/ui/src/components/debuggerGridTableSimple.vue

@@ -113,14 +113,14 @@ export default {
   data() {
     return {
       itemId: '', // Dom id
-      gridObj: null, // slickgrid object
+      gridObj: null, // Slickgrid object
       columnsData: [], // Column information
       columnsLength: 0, // Column length
       filterArr: [], // Dimension selection array
-      formateData: [], // formatted data
-      formateArr: [], // formatted Array
+      formateData: [], // Formatted data
+      formateArr: [], // Formatted array
       statistics: {}, // Object contain maximun and minimun
-      accuracy: 10, // accuracy value
+      accuracy: 10, // Accuracy value
       incorrectData: false, // Wheather the dimension is correctly selected
       updated: false, // Updated
       scrollTop: false, // Wheather scroll to the top
@@ -289,7 +289,7 @@ export default {
       }
     },
     /**
-     * Setting the Background color of data
+     * Setting the background color of data
      * @param {Number} row
      * @param {Number} cell
      * @param {String} value,
@@ -424,7 +424,7 @@ export default {
       });
     },
     /**
-     * accuracy changed
+     * Accuracy changed
      * @param {Number} value The value after changed
      */
     accuracyChange(value) {
@@ -489,9 +489,9 @@ export default {
       }
     },
     /**
-     * check combinatorial input
-     * @param {Object} filter filter item
-     * @return {Boolean} verification result
+     * Check combinatorial input
+     * @param {Object} filter Filter item
+     * @return {Boolean} Verification result
      */
     checkCombinatorialInput(filter) {
       const value = filter.model.trim();
@@ -589,7 +589,7 @@ export default {
       this.$emit('toggleFullScreen');
     },
     /**
-     * Show Error message
+     * Show error message
      * @param {String} errorMsg Error message
      * @param {Array} dimension Array of dimension
      * @param {String} filterStr String of dimension selection

mindinsight/ui/src/components/gridTableSimple.vue

@@ -106,14 +106,14 @@ export default {
   data() {
     return {
       itemId: '', // Dom id
-      gridObj: null, // slickgrid object
+      gridObj: null, // Slickgrid object
       columnsData: [], // Column information
       columnsLength: 0, // Column length
       filterArr: [], // Dimension selection array
-      formateData: [], // formatted data
-      formateArr: [], // formatted Array
+      formateData: [], // Formatted data
+      formateArr: [], // Formatted array
       statistics: {}, // Object contain maximun and minimun
-      accuracy: 5, // accuracy value
+      accuracy: 5, // Accuracy value
       incorrectData: false, // Wheather the dimension is correctly selected
       updated: false, // Updated
       scrollTop: false, // Wheather scroll to the top
@@ -326,7 +326,7 @@ export default {
       });
     },
     /**
-     * accuracy changed
+     * Accuracy changed
      */
     accuracyChange() {
       this.formateGridArray();
@@ -390,9 +390,9 @@ export default {
       }
     },
     /**
-     * check combinatorial input
-     * @param {Object} filter filter item
-     * @return {Boolean} verification result
+     * Check combinatorial input
+     * @param {Object} filter Filter item
+     * @return {Boolean} Verification result
      */
     checkCombinatorialInput(filter) {
       const value = filter.model.trim();
@@ -487,7 +487,7 @@ export default {
       this.$emit('toggleFullScreen');
     },
     /**
-     * Show Error message
+     * Show error message
      * @param {String} errorMsg Error message
      * @param {Array} dimension Array of dimension
      * @param {String} filterStr String of dimension selection

mindinsight/ui/src/components/histogramUnit.vue

@@ -30,19 +30,19 @@ import {format, precisionRound} from 'd3';
 const d3 = {format, precisionRound};
 export default {
   props: {
-    // histogram data
+    // Histogram data
     fullData: {
       type: Array,
       default() {
         return [];
       },
     },
-    // view name
+    // View name
     viewName: {
       type: Number,
       default: 1,
     },
-    // axis name
+    // Axis name
     axisName: {
       type: Number,
       default: 0,
@@ -58,7 +58,7 @@ export default {
       itemId: '', // Dom id
       oriData: {}, // Original data
       charOption: {}, // Chart configuration
-      charObj: null, // chart Object
+      charObj: null, // Chart Object
       updated: false, // Updated
       zrDrawElement: {hoverDots: []},
       zr: null,
@@ -126,7 +126,7 @@ export default {
       };
     },
     /**
-     * update sample data
+     * Update sample data
      */
     updateSampleData() {
       this.charOption = this.formatCharOption();
@@ -316,7 +316,7 @@ export default {
       this.$emit('toggleFullScreen');
     },
     /**
-     * remove tooltip
+     * Remove tooltip
      */
     removeTooltip() {
       if (this.zr) {
@@ -354,7 +354,7 @@ export default {
         const y = this.getValue(rawData, dataIndex, i++);
         const z = this.getValue(rawData, dataIndex, i++);
         const pt = getCoord([x, y]);
-        // linear map in z axis
+        // Linear map in z axis
         if (maxZ !== minZ) {
           pt[1] -= ((z - minZ) / (maxZ - minZ)) * yValueMapHeight;
         }
@@ -363,7 +363,7 @@ export default {
       return points;
     },
     /**
-     * get convert point
+     * Get convert point
      * @param {Array} pt value
      * @return {Array}
      */
@@ -635,8 +635,8 @@ export default {
       }
     },
     /**
-     * find nearest value
-     * @param {Array} eventPoint value
+     * Find nearest value
+     * @param {Array} eventPoint Value
      * @return {Object}
      */
     findNearestValue(eventPoint) {

mindinsight/ui/src/components/multiselectGroup.vue

@@ -133,7 +133,7 @@ export default {
       operateSelectAll: true, // Indicates whether to select all tags.
       perSelectItemMarginBottom: 1, // Outer margin of the bottom of each selection box.
       selectedNumber: 0, // Number of Selected items
-      itemId: '', // component Id
+      itemId: '', // Component Id
       searching: false,
     };
   },

mindinsight/ui/src/locales/en-us.json

@@ -28,7 +28,8 @@
     "rightbracket": ")",
     "point": "·",
     "slashes": "/",
-    "colon": ":"
+    "colon": ":",
+    "fullStop": "."
   },
   "header": {
     "refreshData": "Refresh Data",
@@ -61,18 +62,14 @@
     "guidTipFirst": "In the training script, add ",
     "guidTipSecond": "the function of collecting summary data ",
     "guidTipThird": "and save ",
+    "guidTipForth": "data.",
     "scalarTipFirst": "scalar ",
-    "scalarTipSecond": "data to display the change trend of scalars during training.",
     "histogramGuidTipFirst": "parameter distribution ",
-    "histogramGuidTipSecond": "data to display a specified tensor histogram.",
-    "tensorTipFirst": "tensor",
-    "tensorTipSecond": "data for display.",
+    "tensorTipFirst": "tensor ",
     "graphTipFirst": "computational graph ",
-    "graphTipSecond": "structure data to display the graph structure, data flow direction, and control flow direction of a computational graph.",
-    "dataProcessTipFirst": "data processing process ",
-    "dataProcessTipSecond": "to display the data processing and augmentation information of single model training.",
-    "imageTipFirst": "specified image ",
-    "imageTipSecond": "for display.",
+    "graphTipSecond": "structure data.",
+    "dataProcessTipFirst": "data processing process",
+    "imageTipFirst": "specified image",
     "guidUrl": "https://www.mindspore.cn/tutorial/training/en/master/advanced_use/summary_record.html",
     "scalarUrl": "https://www.mindspore.cn/tutorial/training/en/master/advanced_use/dashboard.html#scalar-visualization",
     "histogramUrl": "https://www.mindspore.cn/tutorial/training/en/master/advanced_use/dashboard.html#parameter-distribution-visualization",
@@ -97,7 +94,7 @@
     "modelSize": "Model Size",
     "dataProcess": "Data Processing",
     "noDataFound": "No data found.",
-    "allHide":"All data is hidden.",
+    "allHide": "All data is hidden.",
     "userDefined": "User-defined Data",
     "metric": "Metrics",
     "deviceNum": "Devices",
@@ -441,7 +438,7 @@
     "chartTitle": "Average Time Consumption Ranking"
   },
   "components": {
-    "summaryTitle": "Training selection",
+    "summaryTitle": "Training Selection",
     "tagSelectTitle": "Tag Selection",
     "selectAll": "All",
     "tagFilterPlaceHolder": "Enter tag (regular expression supported)",

mindinsight/ui/src/locales/zh-cn.json

@@ -28,7 +28,8 @@
     "rightbracket": ")",
     "point": "·",
     "slashes": "/",
-    "colon": "："
+    "colon": "：",
+    "fullStop": "。"
   },
   "header": {
     "refreshData": "刷新数据",
@@ -58,21 +59,17 @@
     "trainingParamDetails": "训练参数详情",
     "tracebackAnalysis": "溯源分析",
     "compareAnalysis": "对比分析",
-    "guidTipFirst": "请在您的训练脚本中",
-    "guidTipSecond": "增加summary数据的收集",
+    "guidTipFirst": "请在训练脚本中",
+    "guidTipSecond": "收集summary",
     "guidTipThird": "，保存",
+    "guidTipForth": "数据。",
     "scalarTipFirst": "标量",
-    "scalarTipSecond": "数据，以供展示训练过程中，标量的变化趋势情况。",
     "histogramGuidTipFirst": "参数分布",
-    "histogramGuidTipSecond": "数据，以供展示指定的张量直方图。",
     "tensorTipFirst": "张量",
-    "tensorTipSecond": "数据，以供展示。",
     "graphTipFirst": "计算图",
-    "graphTipSecond": "结构数据，以供展示计算图的图结构，数据流以及控制流的走向。",
+    "graphTipSecond": "结构数据。",
     "dataProcessTipFirst": "数据处理过程",
-    "dataProcessTipSecond": "以供展示单次模型训练的数据处理和数据增强信息。",
     "imageTipFirst": "指定图片",
-    "imageTipSecond": "以供展示。",
     "guidUrl": "https://www.mindspore.cn/tutorial/training/zh-CN/master/advanced_use/summary_record.html",
     "scalarUrl": "https://www.mindspore.cn/tutorial/training/zh-CN/master/advanced_use/dashboard.html#id3",
     "histogramUrl": "https://www.mindspore.cn/tutorial/training/zh-CN/master/advanced_use/dashboard.html#id4",
@@ -97,7 +94,7 @@
     "modelSize": "模型大小",
     "dataProcess": "数据处理",
     "noDataFound": "暂无满足筛选条件的数据",
-    "allHide":"数据已全部隐藏",
+    "allHide": "数据已全部隐藏",
     "userDefined": "自定义数据",
     "metric": "度量指标",
     "deviceNum": "device数目",

mindinsight/ui/src/mixins/autoUpdate.vue

@@ -0,0 +1,119 @@
+<!--
+Copyright 2020 Huawei Technologies Co., Ltd.All Rights Reserved.
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+-->
+<script>
+export default {
+  data() {
+    return {
+      autoUpdateTimer: null, // Automatic refresh timer
+      isReloading: false, // Refreshing
+    };
+  },
+  computed: {
+    /**
+     * Global refresh
+     * @return {Boolen}
+     */
+
+    isReload() {
+      return this.$store.state.isReload;
+    },
+    /**
+     * Auto refresh
+     * @return {Boolen}
+     */
+
+    isTimeReload() {
+      return this.$store.state.isTimeReload;
+    },
+
+    timeReloadValue() {
+      return this.$store.state.timeReloadValue;
+    },
+  },
+  watch: {
+    /**
+     * Listener global refresh
+     * @param {Boolen} newVal New value
+     * @param {Boolen} oldVal Old value
+     */
+
+    isReload(newVal, oldVal) {
+      if (newVal) {
+        this.isReloading = true;
+        // Retiming
+        if (this.isTimeReload) {
+          this.autoUpdateSamples();
+        }
+        this.updateAllData(false);
+      }
+    },
+    /**
+     * Listener auto refresh
+     * @param {Boolen} newVal New value
+     * @param {Boolen} oldVal Old value
+     */
+
+    isTimeReload(newVal, oldVal) {
+      if (newVal) {
+        this.autoUpdateSamples();
+      } else {
+        this.stopUpdateSamples();
+      }
+    },
+    /**
+     * The refresh time is changed
+     */
+
+    timeReloadValue() {
+      this.autoUpdateSamples();
+    },
+  },
+  methods: {
+    /**
+     * Enable automatic refresh
+     */
+
+    autoUpdateSamples() {
+      if (this.autoUpdateTimer) {
+        clearInterval(this.autoUpdateTimer);
+        this.autoUpdateTimer = null;
+      }
+      this.autoUpdateTimer = setInterval(() => {
+        this.$store.commit('clearToken');
+        this.updateAllData(true);
+      }, this.timeReloadValue * 1000);
+    },
+
+    /**
+     * Disable automatic refresh
+     */
+
+    stopUpdateSamples() {
+      if (this.autoUpdateTimer) {
+        clearInterval(this.autoUpdateTimer);
+        this.autoUpdateTimer = null;
+      }
+    },
+  },
+  destroyed() {
+    // Disable the automatic refresh timer
+    if (this.autoUpdateTimer) {
+      clearInterval(this.autoUpdateTimer);
+      this.autoUpdateTimer = null;
+    }
+  },
+};
+</script>

mindinsight/ui/src/mixins/smallMap.vue

@@ -0,0 +1,276 @@
+<!--
+Copyright 2020 Huawei Technologies Co., Ltd.All Rights Reserved.
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+-->
+<script>
+export default {
+  data() {
+    return {
+      smallResize: {}, // The container of display area box.
+      insideBox: {}, // Basic information about the display area box
+      eventSmall: {}, // Relative position of the thumbnail in the thumbnail click event
+
+      // Which mouse button is triggered when the thumbnail is clicked. -1 indicates that no click event is triggered,
+      // 0 indicates the left key, 1 indicates the middle key, and 2 means right key.
+      clickSmall: false,
+    };
+  },
+
+  methods: {
+    /**
+     * Initialize the svg, width and height of the small image, and transform information.
+     */
+    initGraphRectData() {
+      this.initSmallContainer();
+
+      if (!this.graph.dom) {
+        this.insideBox.width = this.smallResize.width;
+        this.insideBox.height = this.smallResize.height;
+        this.insideBox.top = this.insideBox.left = 0;
+        this.styleSet('#inside-box', this.insideBox);
+        this.insideBox.style.cursor = 'not-allowed';
+      } else {
+        let transformString = '';
+        const transTemp = this.graph.dom.attributes.transform || null;
+        if (transTemp) {
+          // transform information of graph
+          transformString = transTemp.nodeValue.split(/[(,)]/);
+        } else {
+          transformString = ['translate', '0', '0', ' scale', '1'];
+        }
+        this.graph.transform = {
+          k: parseFloat(transformString[4]),
+          x: parseFloat(transformString[1]),
+          y: parseFloat(transformString[2]),
+        };
+
+        const graphRect = this.graph.dom.getBoundingClientRect();
+        this.graph.transRate =
+          graphRect.width /
+          this.graph.dom.getBBox().width /
+          this.graph.transform.k;
+        this.graph.minScale =
+          Math.min(
+              this.svg.rect.width / 2 / graphRect.width,
+              this.svg.rect.height / 2 / graphRect.height,
+          ) * this.graph.transform.k;
+
+        this.setInsideBoxData();
+      }
+      this.setSmallMapEvents();
+    },
+    /**
+     * Initialize all events of the small image
+     */
+    setSmallMapEvents() {
+      // Attributes of smallContainer
+      const smallContainer = document.querySelector('#small-container');
+
+      if (this.graph.dom) {
+        smallContainer.onmousedown = (e) => {
+          this.clickSmall = true;
+          this.insideBoxPositionChange(e);
+        };
+
+        document.onmouseup = (e) => {
+          this.clickSmall = false;
+        };
+
+        smallContainer.onmousemove = (e) => {
+          if (this.clickSmall) {
+            this.insideBoxPositionChange(e);
+          }
+        };
+
+        // Mouse wheel event
+        smallContainer.onwheel = (e) => {
+          e = e || window.event;
+          const wheelDelta = e.wheelDelta ? e.wheelDelta : -e.deltaY;
+          if (!isNaN(this.graph.transform.k) && this.graph.transform.k !== 0) {
+            let rate = wheelDelta > 0 ? 1.2 : 1 / 1.2;
+
+            let scaleTemp = this.graph.transform.k / rate;
+            if (scaleTemp <= this.graph.minScale) {
+              scaleTemp = this.graph.minScale;
+              rate = this.graph.transform.k / this.graph.minScale;
+            }
+
+            this.graph.transform.k = Math.max(
+                this.scaleRange[0],
+                Math.min(scaleTemp, this.scaleRange[1]),
+            );
+            this.insideBox.scale = 1 / this.graph.transform.k;
+
+            this.insideBox.left += (this.insideBox.width * (1 - rate)) / 2;
+            this.insideBox.top += (this.insideBox.height * (1 - rate)) / 2;
+
+            this.insideBox.height = this.insideBox.height * rate;
+            this.insideBox.width = this.insideBox.width * rate;
+
+            document
+                .querySelector('#graph0')
+                .setAttribute(
+                    'transform',
+                    `translate(${this.graph.transform.x},${this.graph.transform.y}) ` +
+                  `scale(${this.graph.transform.k})`,
+                );
+
+            this.styleSet('#inside-box', this.insideBox);
+            this.graphChange();
+          }
+        };
+      } else {
+        document.onmouseup = null;
+        smallContainer.onmousemove = null;
+        smallContainer.onmousedown = null;
+        smallContainer.onmousewheel = null;
+      }
+    },
+    /**
+     * Initialize the small image container
+     */
+    initSmallContainer() {
+      this.graph.dom = document.querySelector('#graph #graph0');
+      // Attributes of smallContainer
+      const smallContainer = document.querySelector('#small-container');
+      // Reset the length and width of the smallResize and locate the fault.
+      const smallResize = document.querySelector('#small-resize');
+
+      this.smallResize.width = this.smallResize.initWidth =
+        smallContainer.offsetWidth - 2; // Initial width of the thumbnail frame
+      this.smallResize.height = this.smallResize.initHeight =
+        smallContainer.offsetHeight - 2; // The initial height of the thumbnail frame is high.
+      this.smallResize.left = this.smallResize.top = 0;
+      if (Object.keys(this.allGraphData).length) {
+        if (
+          this.svg.originSize.width / this.svg.originSize.height <
+          this.smallResize.initWidth / this.smallResize.initHeight
+        ) {
+          this.smallResize.width =
+            (this.smallResize.initHeight * this.svg.originSize.width) /
+            this.svg.originSize.height;
+          this.smallResize.left =
+            (this.smallResize.initWidth - this.smallResize.width) / 2;
+        } else {
+          this.smallResize.height =
+            (this.smallResize.initWidth * this.svg.originSize.height) /
+            this.svg.originSize.width;
+          this.smallResize.top =
+            (this.smallResize.initHeight - this.smallResize.height) / 2;
+        }
+      }
+      this.styleSet('#small-resize', this.smallResize);
+      // Distance between the thumbnail frame and the upper part of the window
+      this.smallResize.offsetLeft = smallResize.getBoundingClientRect().left;
+      // Distance between the thumbnail frame and the upper part of the window
+      this.smallResize.offsetTop = smallResize.getBoundingClientRect().top;
+
+      // Attributes of smallMap
+      const smallMap = document.querySelector('#small-map');
+      const svgOuterHtml =
+        `<svg xmlns="http://www.w3.org/2000/svg" ` +
+        `xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" ` +
+        `viewBox="0.00 0.00 ${this.svg.originSize.width} ${this.svg.originSize.height}"` +
+        `><g id="smallGraph" class="graph" transform="translate(4,${
+          this.svg.originSize.height - 4
+        }) scale(1)"` +
+        `>${this.graph.dom.innerHTML}</g></svg>`;
+
+      smallMap.innerHTML = svgOuterHtml;
+    },
+    /**
+     * Small image moving
+     * @param {Object} e Event object
+     */
+    insideBoxPositionChange(e) {
+      this.eventSmall.x = e.pageX - this.smallResize.offsetLeft;
+      this.eventSmall.y = e.pageY - this.smallResize.offsetTop;
+
+      this.insideBox.left =
+        this.eventSmall.x - parseFloat(this.insideBox.width) / 2;
+      this.insideBox.top =
+        this.eventSmall.y - parseFloat(this.insideBox.height) / 2;
+
+      this.styleSet('#inside-box', this.insideBox);
+      this.graphChange();
+    },
+    /**
+     * Displacement of the large picture when the small picture is changed
+     */
+    graphChange() {
+      if (!this.graph.transform.x || isNaN(this.graph.transform.x)) {
+        this.initGraphRectData();
+      }
+      const graphRect = this.graph.dom.getBoundingClientRect();
+
+      const graphSizeRate = this.svg.rect.width / this.insideBox.width;
+
+      const change = {
+        x:
+          (this.insideBox.left * graphSizeRate -
+            (this.svg.rect.left - graphRect.left)) /
+          this.graph.transRate,
+        y:
+          (this.insideBox.top * graphSizeRate -
+            (this.svg.rect.top - graphRect.top)) /
+          this.graph.transRate,
+      };
+
+      this.graph.transform.x -= change.x;
+      this.graph.transform.y -= change.y;
+
+      this.graph.dom.setAttribute(
+          'transform',
+          `translate(${this.graph.transform.x},${this.graph.transform.y}) ` +
+          `scale(${this.graph.transform.k})`,
+      );
+    },
+    /**
+     * Displacement of the small map when the large picture is changed
+     */
+    setInsideBoxData() {
+      const graphRect = this.graph.dom.getBoundingClientRect();
+      const transRate = graphRect.width / this.smallResize.width;
+
+      this.insideBox.left = (this.svg.rect.left - graphRect.left) / transRate;
+      this.insideBox.top = (this.svg.rect.top - graphRect.top) / transRate;
+
+      this.insideBox.width = this.svg.rect.width / transRate;
+      this.insideBox.height = this.svg.rect.height / transRate;
+      this.styleSet('#inside-box', this.insideBox);
+    },
+    /**
+     * Setting the width and height of a node
+     * @param {String} id Dom id whose style needs to be modified
+     * @param {Object} domData Data of dom
+     */
+    styleSet(id, domData) {
+      const dom = document.querySelector(id);
+      dom.style.left = `${domData.left}px`;
+      dom.style.top = `${domData.top}px`;
+      dom.style.width = `${domData.width}px`;
+      dom.style.height = `${domData.height}px`;
+    },
+  },
+  destroyed() {
+    document.onmouseup = null;
+    const smallContainer = document.querySelector('#small-container');
+    if (smallContainer) {
+      smallContainer.onmousemove = null;
+      smallContainer.onmousedown = null;
+      smallContainer.onmousewheel = null;
+    }
+  },
+};
+</script>

mindinsight/ui/src/mixins/threshold.vue

@@ -0,0 +1,721 @@
+<!--
+Copyright 2020 Huawei Technologies Co., Ltd.All Rights Reserved.
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
+-->
+
+<script>
+export default {
+  data() {
+    return {
+      thresholdDialogVisible: false,
+      delThresholdVisible: false,
+      currentTagName: '',
+      currentSample: {},
+      thresholdErrorMsg: '',
+      thresholdRelational: '',
+      thresholdValue: [
+        {filterCondition: this.$t('scalar.lessThan'), value: ''},
+        {filterCondition: this.$t('scalar.lessThan'), value: ''},
+      ],
+      filterOptions: [
+        {
+          value: this.$t('scalar.lessThan'),
+          label: this.$t('scalar.lessThan'),
+        },
+        {
+          value: this.$t('scalar.greaterThan'),
+          label: this.$t('scalar.greaterThan'),
+        },
+      ],
+      thresholdLocal: null,
+      thresholdSwitch: false,
+      delThresholdSwitch: false,
+      thresholdColor: '#f00',
+    };
+  },
+  methods: {
+    /**
+     * Get localStorge
+     */
+
+    getCache() {
+      if (localStorage.getItem('thresholdCache')) {
+        try {
+          this.thresholdLocal = JSON.parse(
+              localStorage.getItem('thresholdCache'),
+          );
+          this.clearCache();
+        } catch (e) {
+          localStorage.removeItem('thresholdCache');
+          this.thresholdLocal = {};
+        }
+      } else {
+        this.thresholdLocal = {};
+      }
+    },
+
+    /**
+     * Clear localStorge
+     */
+
+    clearCache() {
+      if (
+        this.thresholdLocal &&
+        this.thresholdLocal[this.decodeTrainingJobId]
+      ) {
+        if (
+          Object.keys(this.thresholdLocal[this.decodeTrainingJobId]).length ===
+          0
+        ) {
+          delete this.thresholdLocal[this.decodeTrainingJobId];
+          localStorage.setItem(
+              'thresholdCache',
+              JSON.stringify(this.thresholdLocal),
+          );
+        }
+      }
+    },
+
+    /**
+     * Set one point style
+     * @param {Object} sampleObject
+     */
+
+    setOnePoint(sampleObject) {
+      const that = this;
+      sampleObject.charObj.on('datazoom', function(params) {
+        const xAxisObject = params.batch[0];
+        const yAxisObject = params.batch[1];
+        const charData = sampleObject.charData.charOption.series[0].data;
+        const tempCharOption = sampleObject.charData.charOption;
+        // one point
+        if (charData.length === 1) {
+          sampleObject.onePoint = true;
+          tempCharOption.series[0].showSymbol = true;
+          sampleObject.charObj.setOption(tempCharOption, false);
+          return;
+        }
+        let filtetArr = [];
+        for (let i = 0; i < charData.length; i++) {
+          if (
+            Math.ceil(charData[i][0] * 10000) / 10000 >=
+              xAxisObject.startValue &&
+            Math.floor(charData[i][0] * 10000) / 10000 <=
+              xAxisObject.endValue &&
+            Math.ceil(charData[i][1] * 10000) / 10000 >=
+              yAxisObject.startValue &&
+            Math.floor(charData[i][1] * 10000) / 10000 <= yAxisObject.endValue
+          ) {
+            filtetArr.push(charData[i]);
+            if (filtetArr.length > 1) {
+              filtetArr = [];
+              break;
+            }
+          }
+        }
+        if (filtetArr.length === 1) {
+          sampleObject.onePoint = true;
+          tempCharOption.series[0].showSymbol = true;
+        } else {
+          sampleObject.onePoint = false;
+          tempCharOption.series[0].showSymbol = false;
+        }
+
+        if (
+          tempCharOption.visualMap &&
+          tempCharOption.visualMap['pieces'] &&
+          tempCharOption.visualMap['pieces'].length > 0
+        ) {
+          tempCharOption.visualMap = null;
+          tempCharOption.series[0].markLine = null;
+          that.updateVisualMap(sampleObject);
+        } else {
+          sampleObject.charObj.setOption(tempCharOption, false);
+        }
+      });
+    },
+
+    /**
+     * Set restore
+     * @param {Object} sampleObject
+     */
+
+    setRestore(sampleObject) {
+      const that = this;
+      sampleObject.charObj.on('restore', function(params) {
+        const charData = sampleObject.charData.charOption.series[0].data;
+        const tempCharOption = sampleObject.charData.charOption;
+
+        // One point
+        if (charData.length === 1) {
+          sampleObject.onePoint = true;
+          tempCharOption.series[0].showSymbol = true;
+          sampleObject.charObj.setOption(tempCharOption, false);
+          return;
+        }
+        sampleObject.onePoint = false;
+        tempCharOption.series[0].showSymbol = false;
+        if (
+          tempCharOption.visualMap &&
+          tempCharOption.visualMap['pieces'] &&
+          tempCharOption.visualMap['pieces'].length > 0
+        ) {
+          tempCharOption.visualMap = null;
+          tempCharOption.series[0].markLine = null;
+          that.updateVisualMap(sampleObject);
+        } else {
+          sampleObject.charObj.setOption(tempCharOption, false);
+        }
+      });
+    },
+
+    /**
+     * Update visualMap
+     * @param {Object} sampleObject
+     */
+
+    updateVisualMap(sampleObject) {
+      this.getCache();
+      if (
+        this.thresholdLocal &&
+        this.thresholdLocal[this.decodeTrainingJobId] &&
+        this.thresholdLocal[this.decodeTrainingJobId][sampleObject.tagName]
+      ) {
+        const tempStorgeArr = JSON.parse(
+            JSON.stringify(
+                this.thresholdLocal[this.decodeTrainingJobId][sampleObject.tagName],
+            ),
+        );
+        let pieceStr = '';
+        pieceStr = this.formatePieceStr(tempStorgeArr);
+        sampleObject.pieceStr = pieceStr;
+
+        tempStorgeArr.forEach((item) => {
+          item.color = this.thresholdColor;
+        });
+
+        if (sampleObject.charObj) {
+          this.setVisualMap(sampleObject, tempStorgeArr);
+        }
+      } else {
+        sampleObject.pieceStr = '';
+        sampleObject.charData.charOption.series[0].markLine = null;
+      }
+    },
+
+    /**
+     * Set threshold
+     * @param {Object} sampleItem sampleItem
+     */
+
+    setThreshold(sampleItem) {
+      this.stopUpdateSamples();
+      this.getCache();
+      if (
+        this.thresholdLocal &&
+        this.thresholdLocal[this.decodeTrainingJobId] &&
+        this.thresholdLocal[this.decodeTrainingJobId][sampleItem.tagName]
+      ) {
+        delete this.thresholdLocal[this.decodeTrainingJobId][
+            sampleItem.tagName
+        ];
+      }
+      this.currentTagName = sampleItem.tagName;
+      this.currentSample = sampleItem;
+      this.thresholdDialogVisible = true;
+    },
+
+    /**
+     * Delete threshold
+     * @param {Object} sampleItem sampleItem
+     */
+
+    delThreshold(sampleItem) {
+      this.stopUpdateSamples();
+      this.currentTagName = sampleItem.tagName;
+      this.currentSample = sampleItem;
+      this.delThresholdVisible = true;
+    },
+
+    /**
+     * Threshold validate
+     */
+
+    thresholdValidate() {
+      let isValidate = true;
+
+      const valueFirst = this.thresholdValue[0].value;
+      const valueSec = this.thresholdValue[1].value;
+      const filterConditionFirst = this.thresholdValue[0].filterCondition;
+      const filterConditionSec = this.thresholdValue[1].filterCondition;
+
+      if (!this.thresholdRelational) {
+        if (!valueFirst) {
+          this.thresholdErrorMsg = this.$t('scalar.placeHolderThreshold');
+          isValidate = false;
+        } else if (valueFirst.indexOf(' ') > -1) {
+          this.thresholdErrorMsg = this.$t('scalar.noSpace');
+          isValidate = false;
+        } else if (isNaN(valueFirst) || valueFirst.indexOf('Infinity') > -1) {
+          this.thresholdErrorMsg = this.$t('scalar.placeHolderNumber');
+          isValidate = false;
+        }
+      } else {
+        if (filterConditionFirst === filterConditionSec) {
+          this.thresholdErrorMsg = this.$t('scalar.sameCompare');
+          isValidate = false;
+        } else if (!valueFirst || !valueSec) {
+          this.thresholdErrorMsg = this.$t('scalar.placeHolderThreshold');
+          isValidate = false;
+        } else if (valueFirst.indexOf(' ') > -1 || valueSec.indexOf(' ') > -1) {
+          this.thresholdErrorMsg = this.$t('scalar.noSpace');
+          isValidate = false;
+        } else if (valueFirst === valueSec) {
+          this.thresholdErrorMsg = this.$t('scalar.unreasonable');
+          isValidate = false;
+        } else if (isNaN(valueFirst) || isNaN(valueSec)) {
+          this.thresholdErrorMsg = this.$t('scalar.placeHolderNumber');
+          isValidate = false;
+        } else if (
+          valueFirst.indexOf('Infinity') > -1 ||
+          valueSec.indexOf('Infinity') > -1
+        ) {
+          this.thresholdErrorMsg = this.$t('scalar.placeHolderNumber');
+          isValidate = false;
+        } else {
+          if (this.thresholdRelational === this.$t('scalar.or')) {
+            if (
+              filterConditionFirst === this.$t('scalar.greaterThan') &&
+              Number(valueFirst) < Number(valueSec)
+            ) {
+              this.thresholdErrorMsg = this.$t('scalar.unreasonable');
+              isValidate = false;
+            } else if (
+              filterConditionFirst === this.$t('scalar.lessThan') &&
+              Number(valueFirst) > Number(valueSec)
+            ) {
+              this.thresholdErrorMsg = this.$t('scalar.unreasonable');
+              isValidate = false;
+            }
+          }
+          if (this.thresholdRelational === this.$t('scalar.and')) {
+            if (
+              filterConditionFirst === this.$t('scalar.greaterThan') &&
+              Number(valueFirst) > Number(valueSec)
+            ) {
+              this.thresholdErrorMsg = this.$t('scalar.unreasonable');
+              isValidate = false;
+            } else if (
+              filterConditionFirst === this.$t('scalar.lessThan') &&
+              Number(valueFirst) < Number(valueSec)
+            ) {
+              this.thresholdErrorMsg = this.$t('scalar.unreasonable');
+              isValidate = false;
+            }
+          }
+        }
+      }
+      return isValidate;
+    },
+
+    /**
+     * Set visualMap
+     * @param {Object} sampleObject SampleObject
+     * @param {Array} chartPieces ChartPieces
+     */
+
+    setVisualMap(sampleObject, chartPieces) {
+      // Empty array
+      if (chartPieces.length === 0) {
+        return;
+      }
+      const markLineData = [];
+      chartPieces.forEach((item) => {
+        if (!isNaN(item.lt)) {
+          const markLineDataItem = {};
+          markLineDataItem.yAxis = item.lt;
+          markLineData.push(markLineDataItem);
+        }
+        if (!isNaN(item.gt)) {
+          const markLineDataItem = {};
+          markLineDataItem.yAxis = item.gt;
+          markLineData.push(markLineDataItem);
+        }
+      });
+      const tempCharOption = sampleObject.charData.charOption;
+
+      let chartPiecesTemp = JSON.parse(JSON.stringify(chartPieces));
+      chartPiecesTemp.forEach((item) => {
+        item.color = this.thresholdColor;
+      });
+
+      // One filter condition
+      if (chartPiecesTemp.length === 1) {
+        if (
+          !isNaN(chartPiecesTemp[0]['lt']) &&
+          isNaN(chartPiecesTemp[0]['gt'])
+        ) {
+          if (chartPiecesTemp[0]['lt'] <= sampleObject.zoomData[0]) {
+            chartPiecesTemp = [];
+          } else if (
+            chartPiecesTemp[0]['lt'] < sampleObject.zoomData[1] &&
+            chartPiecesTemp[0]['lt'] > sampleObject.zoomData[0]
+          ) {
+            chartPiecesTemp[0]['gt'] = sampleObject.zoomData[0];
+          } else if (chartPiecesTemp[0]['lt'] >= sampleObject.zoomData[1]) {
+            chartPiecesTemp[0]['lt'] = sampleObject.zoomData[1];
+            chartPiecesTemp[0]['gt'] = sampleObject.zoomData[0];
+          }
+        } else if (
+          !isNaN(chartPiecesTemp[0]['gt']) &&
+          isNaN(chartPiecesTemp[0]['lt'])
+        ) {
+          if (chartPiecesTemp[0]['gt'] >= sampleObject.zoomData[1]) {
+            chartPiecesTemp = [];
+          } else if (
+            chartPiecesTemp[0]['gt'] > sampleObject.zoomData[0] &&
+            chartPiecesTemp[0]['gt'] < sampleObject.zoomData[1]
+          ) {
+            chartPiecesTemp[0]['lt'] = sampleObject.zoomData[1];
+          } else if (chartPiecesTemp[0]['gt'] <= sampleObject.zoomData[0]) {
+            chartPiecesTemp[0]['lt'] = sampleObject.zoomData[1];
+            chartPiecesTemp[0]['gt'] = sampleObject.zoomData[0];
+          }
+        } else if (
+          !isNaN(chartPiecesTemp[0]['lt']) &&
+          !isNaN(chartPiecesTemp[0]['gt'])
+        ) {
+          if (chartPiecesTemp[0]['gt'] >= sampleObject.zoomData[1]) {
+            chartPiecesTemp = [];
+          } else {
+            if (chartPiecesTemp[0]['gt'] <= sampleObject.zoomData[0]) {
+              chartPiecesTemp[0]['gt'] = sampleObject.zoomData[0];
+            }
+            if (chartPiecesTemp[0]['lt'] >= sampleObject.zoomData[1]) {
+              chartPiecesTemp[0]['lt'] = sampleObject.zoomData[1];
+            }
+            if (chartPiecesTemp[0]['lt'] <= sampleObject.zoomData[0]) {
+              chartPiecesTemp = [];
+            }
+          }
+        }
+      }
+
+      // Two filter condition
+      if (chartPiecesTemp.length === 2) {
+        const relationalArr = [];
+        relationalArr[0] = chartPiecesTemp[0].lt || chartPiecesTemp[1].lt;
+        relationalArr[1] = chartPiecesTemp[0].gt || chartPiecesTemp[1].gt;
+        if (
+          relationalArr[0] >= sampleObject.zoomData[1] ||
+          relationalArr[1] <= sampleObject.zoomData[0]
+        ) {
+          chartPiecesTemp = [
+            {
+              gt: sampleObject.zoomData[0],
+              lt: sampleObject.zoomData[1],
+              color: this.thresholdColor,
+            },
+          ];
+        } else {
+          if (relationalArr[0] <= sampleObject.zoomData[0]) {
+            if (!isNaN(chartPiecesTemp[0].lt)) {
+              chartPiecesTemp[0].lt = sampleObject.zoomData[0];
+            } else {
+              chartPiecesTemp[1].lt = sampleObject.zoomData[0];
+            }
+          }
+          if (relationalArr[1] >= sampleObject.zoomData[1]) {
+            if (!isNaN(chartPiecesTemp[0].gt)) {
+              chartPiecesTemp[0].gt = sampleObject.zoomData[1];
+            } else {
+              chartPiecesTemp[1].gt = sampleObject.zoomData[1];
+            }
+          }
+        }
+      }
+      if (chartPiecesTemp.length > 0) {
+        tempCharOption.series[0].lineStyle['color'] = null;
+        tempCharOption.visualMap = {};
+        tempCharOption.visualMap['show'] = false;
+        tempCharOption.visualMap['pieces'] = chartPiecesTemp;
+        tempCharOption.visualMap['outOfRange'] = {
+          color: sampleObject.colors,
+        };
+        tempCharOption.series[0]['markLine'] = {
+          precision: 5,
+          silent: true,
+          data: markLineData,
+        };
+
+        sampleObject.charObj.setOption(tempCharOption, false);
+      }
+    },
+
+    /**
+     * Formate pieceStr
+     * @param {Array} piecesArr PiecesArr
+     * @return {String}
+     */
+
+    formatePieceStr(piecesArr) {
+      // Empty array
+      if (piecesArr.length === 0) {
+        return;
+      }
+      piecesArr.forEach((item) => {
+        if (item.lt) {
+          item.lt = Number(item.lt.toFixed(5));
+        }
+        if (item.gt) {
+          item.gt = Number(item.gt.toFixed(5));
+        }
+      });
+      let pieceStr;
+      // Only one filter condition
+      if (piecesArr.length === 1) {
+        if (!isNaN(piecesArr[0].gt) && !isNaN(piecesArr[0].lt)) {
+          pieceStr = `(${piecesArr[0].gt},${piecesArr[0].lt})`;
+        } else if (!isNaN(piecesArr[0].gt) && isNaN(piecesArr[0].lt)) {
+          pieceStr = `(${piecesArr[0].gt},Infinity)`;
+        } else if (!isNaN(piecesArr[0].lt) && isNaN(piecesArr[0].gt)) {
+          pieceStr = `(-Infinity,${piecesArr[0].lt})`;
+        }
+      }
+      //  Two filter condition
+      if (piecesArr.length === 2) {
+        if (!isNaN(piecesArr[0].lt) && !isNaN(piecesArr[1].gt)) {
+          pieceStr = `(-Infinity,${piecesArr[0].lt}),(${piecesArr[1].gt},Infinity)`;
+        } else if (!isNaN(piecesArr[0].gt) && !isNaN(piecesArr[1].lt)) {
+          pieceStr = `(-Infinity,${piecesArr[1].lt}),(${piecesArr[0].gt},Infinity)`;
+        }
+      }
+      return pieceStr;
+    },
+
+    /**
+     * Threshold commit
+     */
+
+    thresholdCommit() {
+      const isValidate = this.thresholdValidate();
+
+      if (isValidate) {
+        const chartPieces = [];
+        if (this.thresholdValue[0].value && this.thresholdValue[1].value) {
+          if (this.thresholdRelational === this.$t('scalar.or')) {
+            this.thresholdValue.forEach((item) => {
+              const chartPiecesData = {};
+              if (item.filterCondition === this.$t('scalar.greaterThan')) {
+                chartPiecesData.gt = Number(item.value);
+                chartPieces.push(chartPiecesData);
+              } else {
+                chartPiecesData.lt = Number(item.value);
+                chartPieces.push(chartPiecesData);
+              }
+            });
+          } else {
+            const tempArr = [];
+            const chartPiecesData = {};
+            this.thresholdValue.forEach((item) => {
+              tempArr.push(item.value);
+            });
+
+            if (Number(tempArr[0]) > Number(tempArr[1])) {
+              chartPiecesData.gt = Number(tempArr[1]);
+              chartPiecesData.lt = Number(tempArr[0]);
+              chartPieces.push(chartPiecesData);
+            } else {
+              chartPiecesData.gt = Number(tempArr[0]);
+              chartPiecesData.lt = Number(tempArr[1]);
+              chartPieces.push(chartPiecesData);
+            }
+          }
+        } else {
+          this.thresholdValue.forEach((item) => {
+            const chartPiecesData = {};
+            if (!item.value) {
+              return;
+            } else if (item.filterCondition === this.$t('scalar.greaterThan')) {
+              chartPiecesData.gt = Number(item.value);
+              chartPieces.push(chartPiecesData);
+            } else if (item.filterCondition === this.$t('scalar.lessThan')) {
+              chartPiecesData.lt = Number(item.value);
+              chartPieces.push(chartPiecesData);
+            }
+          });
+        }
+
+        let pieceStr = '';
+        pieceStr = this.formatePieceStr(chartPieces);
+
+        if (!this.thresholdLocal) {
+          this.thresholdLocal = {};
+        }
+        if (!this.thresholdLocal[this.decodeTrainingJobId]) {
+          this.thresholdLocal[this.decodeTrainingJobId] = {};
+        }
+
+        const chartPiecesTemp = JSON.parse(JSON.stringify(chartPieces));
+
+        chartPiecesTemp.forEach((item) => {
+          item.color = this.thresholdColor;
+        });
+
+        if (this.thresholdSwitch) {
+          this.originDataArr.forEach((sampleObject) => {
+            if (this.multiSelectedTagNames[sampleObject.tagName]) {
+              this.thresholdLocal[this.decodeTrainingJobId][
+                  sampleObject.tagName
+              ] = chartPieces;
+              sampleObject.pieceStr = pieceStr;
+
+              if (sampleObject.charObj) {
+                this.setVisualMap(sampleObject, chartPieces);
+              }
+            }
+          });
+        } else {
+          this.thresholdLocal[this.decodeTrainingJobId][
+              this.currentTagName
+          ] = chartPieces;
+          this.currentSample.pieceStr = pieceStr;
+          this.setVisualMap(this.currentSample, chartPieces);
+        }
+        localStorage.setItem(
+            'thresholdCache',
+            JSON.stringify(this.thresholdLocal),
+        );
+
+        this.thresholdDialogVisible = false;
+      }
+    },
+
+    /**
+     * Relational change
+     */
+
+    relationalChange(val) {
+      if (!val) {
+        this.thresholdValue[1].value = '';
+        this.thresholdErrorMsg = '';
+        this.thresholdValue[1].filterCondition = this.$t('scalar.lessThan');
+      }
+    },
+
+    /**
+     * Threshold cancel
+     */
+
+    thresholdCancel() {
+      this.thresholdValue[0].value = '';
+      this.thresholdValue[1].value = '';
+      this.thresholdErrorMsg = '';
+      this.currentTagName = '';
+      this.currentSample = {};
+      this.thresholdSwitch = false;
+      this.thresholdRelational = '';
+      this.thresholdValue[1].filterCondition = this.$t('scalar.lessThan');
+      this.thresholdDialogVisible = false;
+      if (this.isTimeReload) {
+        this.autoUpdateSamples();
+      }
+    },
+
+    /**
+     * Delete threshold cancel
+     */
+
+    delThresholdCancel() {
+      this.currentTagName = '';
+      this.currentSample = {};
+      this.delThresholdSwitch = false;
+      this.delThresholdVisible = false;
+      if (this.isTimeReload) {
+        this.autoUpdateSamples();
+      }
+    },
+
+    /**
+     * Delete threshold commit
+     */
+
+    delThresholdCommit() {
+      this.getCache();
+      if (this.delThresholdSwitch) {
+        this.originDataArr.forEach((sampleObject) => {
+          if (this.multiSelectedTagNames[sampleObject.tagName]) {
+            if (
+              this.thresholdLocal &&
+              this.thresholdLocal[this.decodeTrainingJobId] &&
+              this.thresholdLocal[this.decodeTrainingJobId][
+                  sampleObject.tagName
+              ]
+            ) {
+              delete this.thresholdLocal[this.decodeTrainingJobId][
+                  sampleObject.tagName
+              ];
+              sampleObject.pieceStr = '';
+              const tempCharOption = sampleObject.charData.charOption;
+              if (
+                tempCharOption.visualMap &&
+                tempCharOption.visualMap['pieces'] &&
+                tempCharOption.visualMap['pieces'].length > 0
+              ) {
+                tempCharOption.visualMap = null;
+                tempCharOption.series[0].markLine = null;
+                tempCharOption.series[0].lineStyle['color'] =
+                  sampleObject.colors;
+              }
+              if (sampleObject.charObj) {
+                sampleObject.charObj.setOption(tempCharOption, false);
+              }
+            }
+          }
+        });
+      } else {
+        if (
+          this.thresholdLocal &&
+          this.thresholdLocal[this.decodeTrainingJobId] &&
+          this.thresholdLocal[this.decodeTrainingJobId][this.currentTagName]
+        ) {
+          delete this.thresholdLocal[this.decodeTrainingJobId][
+              this.currentTagName
+          ];
+          this.currentSample.pieceStr = '';
+          const tempCharOption = this.currentSample.charData.charOption;
+          if (
+            tempCharOption.visualMap &&
+            tempCharOption.visualMap['pieces'] &&
+            tempCharOption.visualMap['pieces'].length > 0
+          ) {
+            tempCharOption.visualMap = null;
+            tempCharOption.series[0].markLine = null;
+            tempCharOption.series[0].lineStyle[
+                'color'
+            ] = this.currentSample.colors;
+          }
+          this.currentSample.charObj.setOption(tempCharOption, false);
+        }
+      }
+      this.clearCache();
+      localStorage.setItem(
+          'thresholdCache',
+          JSON.stringify(this.thresholdLocal),
+      );
+      this.delThresholdVisible = false;
+    },
+  },
+};
+</script>

mindinsight/ui/src/views/profiling-gpu/operator.vue

@@ -446,7 +446,7 @@ export default {
       });
     },
     /**
-     * clear core data
+     * Clear core data
      */
     clearCoreData() {
       this.searchByCoreInput = '';
@@ -466,7 +466,7 @@ export default {
       };
     },
     /**
-     * clear operator data
+     * Clear operator data
      */
     clearOpData() {
       this.searchByTypeInput = '';
@@ -491,7 +491,7 @@ export default {
       };
     },
     /**
-     * get operator type list
+     * Get operator type list
      */
     getOpTypeList() {
       const params = {};
@@ -583,7 +583,7 @@ export default {
           });
     },
     /**
-     * get operator detail list
+     * Get operator detail list
      * @param {Object} row type row
      * @param {Boolean} isSort if sort
      */
@@ -630,7 +630,7 @@ export default {
           .catch(() => {});
     },
     /**
-     * get core list
+     * Get core list
      * @param {Boolean} isSort if sort
      */
     getCoreList(isSort) {
@@ -687,7 +687,7 @@ export default {
           });
     },
     /**
-     * operator detail list page change
+     * Operator detail list page change
      * @param {Object} row table cell
      * @param {Number} pageIndex current page
      */
@@ -696,7 +696,7 @@ export default {
       this.getOperatorDetailList(row, false);
     },
     /**
-     * core list page change
+     * Core list page change
      * @param {Object} row table cell
      * @param {Number} pageIndex current page
      */
@@ -705,7 +705,7 @@ export default {
       this.getCoreList(false);
     },
     /**
-     * get operator list by search
+     * Get operator list by search
      */
     searchOperatorList() {
       if (this.statisticType) {
@@ -739,7 +739,7 @@ export default {
       }
     },
     /**
-     * get core list by search
+     * Get core list by search
      */
     searchCoreList() {
       this.coreList.op_filter_condition = {};
@@ -760,7 +760,7 @@ export default {
       this.getCoreList(false);
     },
     /**
-     * operator detail sort
+     * Operator detail sort
      * @param {Object} row table cell
      * @param {Object} column table cell
      */
@@ -773,7 +773,7 @@ export default {
       this.getOperatorDetailList(row, false);
     },
     /**
-     * core detail sort
+     * Core detail sort
      * @param {Object} row table cell
      * @param {Object} column table cell
      */
@@ -786,7 +786,7 @@ export default {
       this.getCoreList(false);
     },
     /**
-     * format detail data
+     * Format detail data
      * @param {Object} row table cell
      * @param {Object} detailsDataList table detail
      */
@@ -809,7 +809,7 @@ export default {
       }
     },
     /**
-     * expand operator type table
+     * Expand operator type table
      * @param {Object} row table cell
      */
     expandTypeItem(row) {
@@ -844,7 +844,7 @@ export default {
       }
     },
     /**
-     * tab change
+     * Tab change
      */
     tabChange() {
       if (
@@ -867,7 +867,7 @@ export default {
       });
     },
     /**
-     * operator table type change
+     * Operator table type change
      */
     operatorTableChange() {
       if (this.statisticType && !this.opAllTypeList.opDetailCol.length) {
@@ -879,19 +879,19 @@ export default {
       }
     },
     /**
-     * core chart change
+     * Core chart change
      */
     coreChartChange() {
       this.setOption(this.coreCharts);
     },
     /**
-     * operator chart change
+     * Operator chart change
      */
     operatorChartChange() {
       this.setOption(this.operatorCharts);
     },
     /**
-     * set chart option
+     * Set chart option
      * @param {Object} chart chart
      */
     setOption(chart) {
@@ -1080,7 +1080,7 @@ export default {
       });
     },
     /**
-     * window resize
+     * Window resize
      */
     resizeCallback() {
       if (this.operatorCharts.chartDom && this.apiType === 'operator') {

mindinsight/ui/src/views/profiling-gpu/profiling-dashboard.vue

@@ -249,7 +249,7 @@ export default {
       this.initPieChart();
     },
     /**
-     * router link
+     * Router link
      * @param { String } path  router path
      */
     viewDetail(path) {
@@ -263,7 +263,7 @@ export default {
       });
     },
     /**
-     * chart setOption
+     * Chart setOption
      */
     setPieOption() {
       const option = {};
@@ -311,7 +311,7 @@ export default {
       }, 10);
     },
     /**
-     * init chart
+     * Init chart
      */
     initPieChart() {
       const params = {};

mindinsight/ui/src/views/profiling/data-process.vue

@@ -1012,7 +1012,7 @@ export default {
     },
     /**
      * Encapsulates graph data into dot data.
-     * @return {String} dot string for packing graph data
+     * @return {String} Dot string for packing graph data
      */
     packageGraphData() {
       let nodeStr = '';
@@ -1043,7 +1043,7 @@ export default {
 
     /**
      * Initializing the dataset graph
-     * @param {String} dot dot statement encapsulated in graph data
+     * @param {String} dot Dot statement encapsulated in graph data
      */
     initGraph(dot) {
       this.graphviz = d3
@@ -1249,7 +1249,7 @@ export default {
     /**
      * Obtains the transform data of a node.
      * @param {Object} node Node dom data
-     * @return {Object} transform data of a node
+     * @return {Object} Transform data of a node
      */
     getTransformData(node) {
       if (!node) {

mindinsight/ui/src/views/profiling/operator.vue

@@ -551,7 +551,7 @@ export default {
       });
     },
     /**
-     * clear cpu data
+     * Clear cpu data
      */
     clearCpuData() {
       this.searchByCpuTypeInput = '';
@@ -576,7 +576,7 @@ export default {
       };
     },
     /**
-     * clear core data
+     * Clear core data
      */
     clearCoreData() {
       this.searchByTypeInput = '';
@@ -601,7 +601,7 @@ export default {
       };
     },
     /**
-     * get core type list
+     * Get core type list
      */
     getCoreTypeList() {
       const params = {};
@@ -693,7 +693,7 @@ export default {
           });
     },
     /**
-     * get core detail list
+     * Get core detail list
      * @param {Object} row type row
      * @param {Boolean} isSort if sort
      */
@@ -740,7 +740,7 @@ export default {
           .catch(() => {});
     },
     /**
-     * get cpu type list
+     * Get cpu type list
      */
     getCpuTypeList() {
       const params = {};
@@ -832,7 +832,7 @@ export default {
           });
     },
     /**
-     * get cpu list
+     * Get cpu list
      * @param {Object} row type row
      * @param {Boolean} isSort if sort
      */
@@ -879,7 +879,7 @@ export default {
           .catch(() => {});
     },
     /**
-     * operator detail list page change
+     * Operator detail list page change
      * @param {Object} row table cell
      * @param {Number} pageIndex current page
      */
@@ -888,7 +888,7 @@ export default {
       this.getCoreDetailList(row, false);
     },
     /**
-     * cpu list page change
+     * Cpu list page change
      * @param {Object} row table cell
      * @param {Number} pageIndex current page
      */
@@ -897,7 +897,7 @@ export default {
       this.getCpuDetailList(row, false);
     },
     /**
-     * get core list by search
+     * Get core list by search
      */
     searchOpCoreList() {
       if (this.coreStatisticType) {
@@ -931,7 +931,7 @@ export default {
       }
     },
     /**
-     * get cpu list by search
+     * Get cpu list by search
      */
     searchOpCpuList() {
       if (this.cpuStatisticType) {
@@ -965,7 +965,7 @@ export default {
       }
     },
     /**
-     * core detail sort
+     * Core detail sort
      * @param {Object} row table cell
      * @param {Object} column table cell
      */
@@ -978,7 +978,7 @@ export default {
       this.getCoreDetailList(row, false);
     },
     /**
-     * cpu detail sort
+     * Cpu detail sort
      * @param {Object} row table cell
      * @param {Object} column table cell
      */
@@ -991,7 +991,7 @@ export default {
       this.getCpuDetailList(row, false);
     },
     /**
-     * format detail data
+     * Format detail data
      * @param {Object} row table cell
      * @param {Object} detailsDataList table detail
      */
@@ -1014,7 +1014,7 @@ export default {
       }
     },
     /**
-     * expand core type table
+     * Expand core type table
      * @param {Object} row table cell
      */
     expandCoreTypeItem(row) {
@@ -1049,7 +1049,7 @@ export default {
       }
     },
     /**
-     * expand cpu type table
+     * Expand cpu type table
      * @param {Object} row table cell
      */
     expandCpuTypeItem(row) {
@@ -1084,7 +1084,7 @@ export default {
       }
     },
     /**
-     * tab change
+     * Tab change
      */
     tabChange() {
       if (
@@ -1107,7 +1107,7 @@ export default {
       });
     },
     /**
-     * core table type change
+     * Core table type change
      */
     coreTableChange() {
       if (this.coreStatisticType && !this.opAllTypeList.opDetailCol.length) {
@@ -1119,7 +1119,7 @@ export default {
       }
     },
     /**
-     * cpu table type change
+     * Cpu table type change
      */
     cpuTableChange() {
       if (this.cpuStatisticType && !this.opCpuAllTypeList.opDetailCol.length) {
@@ -1131,19 +1131,19 @@ export default {
       }
     },
     /**
-     * operator cpu chart change
+     * Operator cpu chart change
      */
     cpuChartChange() {
       this.setOption(this.cpuCharts);
     },
     /**
-     * operator core chart change
+     * Operator core chart change
      */
     coreChartChange() {
       this.setOption(this.coreCharts);
     },
     /**
-     * set chart option
+     * Set chart option
      * @param {Object} chart chart
      */
     setOption(chart) {
@@ -1309,7 +1309,7 @@ export default {
       }, 10);
     },
     /**
-     * show operator info deteail
+     * Show operator info deteail
      * @param {Object} cellData cell data
      * @param {Object} column column
      */
@@ -1400,7 +1400,7 @@ export default {
       });
     },
     /**
-     * window resize
+     * Window resize
      */
     resizeCallback() {
       if (this.coreCharts.chartDom && this.apiType === 'core') {

mindinsight/ui/src/views/train-manage/data-map.vue

@@ -247,7 +247,7 @@ export default {
     },
     /**
      * Encapsulates graph data into dot data.
-     * @return {String} dot string for packing graph data
+     * @return {String} Dot string for packing graph data
      */
     packageGraphData() {
       const nodeType = [
@@ -293,7 +293,7 @@ export default {
     /**
      * Encapsulates the data of a subgraph.
      * @param {String} key Key value of a node.
-     * @return {String} dot string
+     * @return {String} Dot string
      */
     packageSubGraph(key) {
       const node = this.allGraphData[key];
@@ -316,7 +316,7 @@ export default {
     },
     /**
      * Initializing the dataset graph
-     * @param {String} dot dot statement encapsulated in graph data
+     * @param {String} dot Dot statement encapsulated in graph data
      */
     initGraph(dot) {
       this.graphviz = d3
@@ -500,7 +500,7 @@ export default {
     /**
      * Obtains the transform data of a node.
      * @param {Object} node Node dom data
-     * @return {Object} transform data of a node
+     * @return {Object} Transform data of a node
      */
     getTransformData(node) {
       if (!node) {
@@ -619,7 +619,7 @@ export default {
       this.showLegend = !this.showLegend;
     },
     /**
-     * jump back to train dashboard
+     * Jump back to train dashboard
      */
     jumpToTrainDashboard() {
       this.$router.push({

mindinsight/ui/src/views/train-manage/data-traceback.vue

@@ -362,8 +362,6 @@ export default {
       disabledFilterBtn: true,
       // Hide button disabled
       disabledHideBtn: true,
-      // Hide table rows
-      hideTableRows: [],
       // Id list of hidden table
       hideTableIdList: undefined,
       // List of selected option IDs in the table
@@ -568,7 +566,7 @@ export default {
     },
     /** Data source page initialization**/
     /**
-     * init
+     * Init
      */
     init() {
       this.customizedColumnOptions =
@@ -1312,7 +1310,7 @@ export default {
     },
 
     /**
-     *  icon value change
+     *  Icon value change
      * @param {Object} row
      * @param {Number} num
      * @param {Object} event
@@ -1358,7 +1356,7 @@ export default {
     },
 
     /**
-     * clear icon
+     * Clear icon
      * @param {Object} scope
      * @param {Object} event
      */
@@ -1432,7 +1430,7 @@ export default {
     },
 
     /**
-     * deselect all
+     * Deselect all
      */
     deselectAll() {
       this.selectArrayValue = [];
@@ -1497,7 +1495,7 @@ export default {
     },
 
     selectinputFocus() {
-      // the text box is restored to empty
+      // The text box is restored to empty
       this.keyWord = '';
       this.checkOptions = this.basearr;
     },
@@ -1535,7 +1533,7 @@ export default {
       }
     },
     /**
-     * jump to train dashboard
+     * Jump to train dashboard
      * @param {String} val
      */
     jumpToTrainDashboard(val) {
@@ -1640,7 +1638,7 @@ export default {
     },
 
     /**
-     * set object value
+     * Set object value
      * @param {Array} array
      * @param {boolean} booleanValue
      */
@@ -1654,7 +1652,7 @@ export default {
     },
 
     /**
-     * get data of table
+     * Get data of table
      * @param {Object} params
      */
     queryTableLineagesData(params) {
@@ -1764,7 +1762,9 @@ export default {
         this.disabledHideBtn = true;
       }
     },
-    // Show selected data
+    /**
+    * Show selected data
+    */
     showSelectedTableData() {
       // At this time only need to pass in the filter data
       this.tableFilter.summary_dir = {
@@ -1780,7 +1780,9 @@ export default {
       this.pagination.currentPage = 1;
       this.init();
     },
-    // Hide selected table columns
+    /**
+    * Hide selected table columns
+    */
     hideSelectedRows() {
       // Get previous filter data
       this.summaryDirList = this.$store.state.summaryDirList;
@@ -1809,7 +1811,7 @@ export default {
     },
 
     /**
-     * reset echart data.Show all data
+     * Reset echart data.Show all data
      */
     showAllDataBtn() {
       // The first page is displayed.

mindinsight/ui/src/views/train-manage/histogram.vue

@@ -127,8 +127,10 @@ import RequestService from '../../services/request-service';
 import CommonProperty from '../../common/common-property';
 import echarts from 'echarts';
 import {format, precisionRound} from 'd3';
+import autoUpdate from '../../mixins/autoUpdate.vue';
 const d3 = {format, precisionRound};
 export default {
+  mixins: [autoUpdate],
   data() {
     return {
       tagList: [], // Tag list.
@@ -145,8 +147,6 @@ export default {
       pageIndex: 0, // Current page number.
       pageSizes: [6], // The number of records on each page is optional.
       pageNum: 6, // Number of records on each page.
-      isReloading: false, // Manually refresh.
-      autoUpdateTimer: null, // Automatic refresh timer.
       zrDrawElement: {hoverDots: []},
       chartTipFlag: false,
       charResizeTimer: null,
@@ -154,76 +154,13 @@ export default {
       changeViewTimer: null,
     };
   },
-  computed: {
-    /**
-     * Global refresh switch
-     * @return {Boolean}
-     */
-    isReload() {
-      return this.$store.state.isReload;
-    },
-    /**
-     * Automatic refresh switch
-     * @return {Boolean}
-     */
-    isTimeReload() {
-      return this.$store.state.isTimeReload;
-    },
-    /**
-     * Automatic refresh value
-     * @return {Boolean}
-     */
-    timeReloadValue() {
-      return this.$store.state.timeReloadValue;
-    },
-  },
+  computed: {},
   components: {
     multiselectGroupComponents,
   },
-  watch: {
-    /**
-     * Global refresh switch listener
-     * @param {Boolean} newVal Value after change
-     * @param {Boolean} oldVal Value before change
-     */
-    isReload(newVal, oldVal) {
-      if (newVal) {
-        this.isReloading = true;
-        // Automatic refresh and retiming
-        if (this.isTimeReload) {
-          this.autoUpdateSamples();
-        }
-        this.updateAllData(false);
-      }
-    },
-    /**
-     * Automatic refresh switch listener
-     * @param {Boolean} newVal Value after change
-     * @param {Boolean} oldVal Value before change
-     */
-    isTimeReload(newVal, oldVal) {
-      if (newVal) {
-        // Enable automatic refresh
-        this.autoUpdateSamples();
-      } else {
-        // Disable automatic refresh
-        this.stopUpdateSamples();
-      }
-    },
-    /**
-     * The refresh time is changed
-     */
-    timeReloadValue() {
-      this.autoUpdateSamples();
-    },
-  },
+  watch: {},
   destroyed() {
     window.removeEventListener('resize', this.resizeCallback);
-    // Disable the automatic refresh function
-    if (this.autoUpdateTimer) {
-      clearInterval(this.autoUpdateTimer);
-      this.autoUpdateTimer = null;
-    }
     if (this.curPageArr.length) {
       this.curPageArr.forEach((item) => {
         this.clearZrData(item);
@@ -282,7 +219,7 @@ export default {
       }
     },
     /**
-     * jump back to train dashboard
+     * Jump back to train dashboard
      */
     jumpToTrainDashboard() {
       this.$router.push({
@@ -487,7 +424,7 @@ export default {
       });
     },
     /**
-     * error
+     * Error callback
      * @param {Object} error error object
      */
     requestErrorCallback(error) {
@@ -509,28 +446,6 @@ export default {
         }
       }
     },
-    /**
-     * Enable automatic refresh
-     */
-    autoUpdateSamples() {
-      if (this.autoUpdateTimer) {
-        clearInterval(this.autoUpdateTimer);
-        this.autoUpdateTimer = null;
-      }
-      this.autoUpdateTimer = setInterval(() => {
-        this.$store.commit('clearToken');
-        this.updateAllData(true);
-      }, this.timeReloadValue * 1000);
-    },
-    /**
-     * Disable automatic refresh
-     */
-    stopUpdateSamples() {
-      if (this.autoUpdateTimer) {
-        clearInterval(this.autoUpdateTimer);
-        this.autoUpdateTimer = null;
-      }
-    },
     /**
      * Update all data.
      * @param {Boolean} ignoreError whether ignore error tip.
@@ -645,7 +560,7 @@ export default {
       return dataAddFlag;
     },
     /**
-     * update sample data
+     * Update sample data
      * @param {Object} sampleObject sampleObject
      */
     updateSampleData(sampleObject) {
@@ -787,7 +702,7 @@ export default {
         }</td><td style="text-align:center;">${this.formateNUmber(
             hoveredItem.step,
         )}</td><td>${this.formateNUmber(
-            (hoveredItem.relative_time).toFixed(0),
+            hoveredItem.relative_time.toFixed(0),
         )}${unit}</td><td>${this.dealrelativeTime(
             new Date(hoveredItem.wall_time * 1000).toString(),
         )}</td>`;
@@ -886,18 +801,18 @@ export default {
       }
     },
     /**
-     * get convert point
-     * @param {Array} pt value
-     * @param {Object} sampleObject sampleObject
+     * Get convert point
+     * @param {Array} pt Value
+     * @param {Object} sampleObject SampleObject
      * @return {Array}
      */
     getCoord(pt, sampleObject) {
       return sampleObject.charObj.convertToPixel('grid', pt);
     },
     /**
-     * find nearest value
-     * @param {Object} sampleObject sampleObject
-     * @param {Array} eventPoint value
+     * Find nearest value
+     * @param {Object} sampleObject SampleObject
+     * @param {Array} eventPoint Value
      * @return {Object}
      */
     findNearestValue(sampleObject, eventPoint) {
@@ -1003,8 +918,8 @@ export default {
       }
     },
     /**
-     * remove tooltip
-     * @param {Number} sampleObject sampleObject
+     * Remove tooltip
+     * @param {Number} sampleObject SampleObject
      */
     removeTooltip(sampleObject) {
       if (sampleObject && sampleObject.zr) {
@@ -1040,7 +955,7 @@ export default {
         const y = this.getValue(rawData, dataIndex, i++);
         const z = this.getValue(rawData, dataIndex, i++);
         const pt = getCoord([x, y], sampleObject);
-        // linear map in z axis
+        // Linear map in z axis
         if (maxZ !== minZ) {
           pt[1] -= ((z - minZ) / (maxZ - minZ)) * yValueMapHeight;
         }
@@ -1268,9 +1183,7 @@ export default {
             )
             : [];
         } else if (this.curAxisName === 1) {
-          data = `${this.formateNUmber(
-              (filter[0].relative_time).toFixed(0),
-          )}s`;
+          data = `${this.formateNUmber(filter[0].relative_time.toFixed(0))}s`;
         } else {
           data = this.formateNUmber(filter[0].step);
         }

mindinsight/ui/src/views/train-manage/image.vue

@@ -144,11 +144,12 @@ limitations under the License.
 import multiselectGroupComponents from '../../components/multiselectGroup.vue';
 import RequestService from '../../services/request-service';
 import {basePath} from '@/services/fetcher';
+import autoUpdate from '../../mixins/autoUpdate.vue';
 export default {
+  mixins: [autoUpdate],
   data() {
     return {
       initOver: false, // Indicates whether the initialization is complete.
-      autoUpdateTimer: null, // Automatic refresh timer
       brightness: 50, // Brightness
       contrast: 50, // Contrast
       trainingJobId: this.$route.query.train_id, // ID of the current training job
@@ -162,77 +163,13 @@ export default {
       pageIndex: 0, // Current page number
       pageSizes: [8, 16, 24], // The number of records on each page is optional
       pageNum: 8, // Number of records on each page
-      isReloading: false, // Manually refresh
       imageBasePath: '/v1/mindinsight/datavisual/image/single-image?', // Relative path header of the picture
     };
   },
-  computed: {
-    /**
-     * Global refresh switch
-     * @return {Boolean}
-     */
-    isReload() {
-      return this.$store.state.isReload;
-    },
-    /**
-     * Automatic refresh switch
-     * @return {Boolean}
-     */
-    isTimeReload() {
-      return this.$store.state.isTimeReload;
-    },
-    /**
-     * Automatic refresh value
-     * @return {Boolean}
-     */
-    timeReloadValue() {
-      return this.$store.state.timeReloadValue;
-    },
-  },
-  watch: {
-    /**
-     * Global refresh switch Listener
-     * @param {Boolean} newVal Value After Change
-     * @param {Boolean} oldVal Value Before Change
-     */
-    isReload(newVal, oldVal) {
-      if (newVal) {
-        this.isReloading = true;
-        // Automatic refresh and retiming
-        if (this.isTimeReload) {
-          this.autoUpdateSamples();
-        }
-        this.updateAllData(false);
-      }
-    },
-    /**
-     * Automatic refresh switch Listener
-     * @param {Boolean} newVal Value After Change
-     * @param {Boolean} oldVal Value Before Change
-     */
-    isTimeReload(newVal, oldVal) {
-      if (newVal) {
-        // Enable automatic refresh
-        this.autoUpdateSamples();
-      } else {
-        // Disable automatic refresh
-        this.stopUpdateSamples();
-      }
-    },
-    /**
-     * The refresh time is changed.
-     */
-    timeReloadValue() {
-      this.autoUpdateSamples();
-    },
-  },
+  computed: {},
+  watch: {},
   destroyed() {
-    // Disable the automatic refresh function
-    if (this.autoUpdateTimer) {
-      clearInterval(this.autoUpdateTimer);
-      this.autoUpdateTimer = null;
-    }
-    // Stop Refreshing
+    // Stop refreshing
     if (this.isReloading) {
       this.$store.commit('setIsReload', false);
       this.isReloading = false;
@@ -441,7 +378,7 @@ export default {
       sampleItem.curImageSize = [curStepData.width, curStepData.height];
     },
     /**
-     * get image data
+     * Get image data
      * @param {Object} params Current params
      * @param {Object} sampleItem Current picture object.
      */
@@ -549,7 +486,7 @@ export default {
         if (
           !(error.code === 'ECONNABORTED' && /^timeout/.test(error.message))
         ) {
-          // Clear Display Data
+          // Clear display Data
           this.clearAllData();
         }
       }
@@ -632,7 +569,7 @@ export default {
     },
     /**
      * Update all data.
-     * @param {Boolean} ignoreError whether ignore error tip
+     * @param {Boolean} ignoreError Whether ignore error tip
      */
     updateAllData(ignoreError) {
       const params = {
@@ -670,29 +607,7 @@ export default {
             this.$message.error(this.$t('public.dataError'));
           });
     },
-    /**
-     * Enable automatic refresh
-     */
-    autoUpdateSamples() {
-      if (this.autoUpdateTimer) {
-        clearInterval(this.autoUpdateTimer);
-        this.autoUpdateTimer = null;
-      }
-      this.autoUpdateTimer = setInterval(() => {
-        this.$store.commit('clearToken');
-        this.updateAllData(true);
-      }, this.timeReloadValue * 1000);
-    },
-    /**
-     * Disable automatic refresh
-     */
-    stopUpdateSamples() {
-      if (this.autoUpdateTimer) {
-        clearInterval(this.autoUpdateTimer);
-        this.autoUpdateTimer = null;
-      }
-    },
-    // jump back to train dashboard
+    // Jump back to train dashboard
     jumpToTrainDashboard() {
       this.$router.push({
         path: '/train-manage/training-dashboard',
@@ -702,9 +617,9 @@ export default {
       });
     },
     /**
-     * Format Absolute Time
-     * @param {String} time string
-     * @return {string} str
+     * Format absolute Time
+     * @param {String} time String
+     * @return {string}
      */
 
     dealrelativeTime(time) {

mindinsight/ui/src/views/train-manage/scalar-compare.vue

@@ -15,18 +15,18 @@ limitations under the License.
 -->
 <template>
   <div class="compareFlex">
-    <!-- operation area -->
+    <!-- Operation area -->
     <div class="cl-eval-operate-content">
-      <!-- tag select -->
+      <!-- Tag select -->
       <div class="tag-select-content">
         <div class="title mr24">{{$t("scalar.tagSelectTitle")}}</div>
-        <!-- tag search -->
+        <!-- Tag search -->
         <el-input class="w261"
                   v-model="tagInput"
                   @input="filterByTagName"
                   v-if="headTagFullScreen"
                   :placeholder="$t('public.tagFilterPlaceHolder')"></el-input>
-        <!-- tag list -->
+        <!-- Tag list -->
         <div class="select-item-content"
              v-if="!headTagFullScreen"
              ref="tagSelectItemContent">
@@ -46,7 +46,7 @@ limitations under the License.
             </span>
           </div>
         </div>
-        <!-- tag Expand/Collapse -->
+        <!-- Tag expand/collapse -->
         <div class="run-select-content-open"
              @click="toggleHeadTagFullScreen"
              v-if="tagOverRowFlag || tagInput"
@@ -139,27 +139,27 @@ import echarts from 'echarts';
 
 export default {
   props: {
-    tagPropsList: Array, // prop tagList
-    initOver: Boolean, // prop initOver
-    propsList: Array, // prop list
-    compare: Boolean, // prop isCompare
+    tagPropsList: Array, // Prop tagList
+    initOver: Boolean, // Prop initOver
+    propsList: Array, // Prop list
+    compare: Boolean, // Prop isCompare
   },
   data() {
     return {
       trainingJobId: '',
       // Number of predefined colors
-      defColorCount: CommonProperty.commonColorArr.length, // default colors num
+      defColorCount: CommonProperty.commonColorArr.length, // Default colors num
       colorNum: 0, // Number of colors
       isActive: 0, // Horizontal axis selected value
-      tagList: [], // tag list
-      dataList: [], // dataList
-      initOk: false, // isInit
-      tagInput: '', // tag input value
-      tagInputTimer: '', // tag Filtering Timing
+      tagList: [], // Tag list
+      dataList: [], // DataList
+      initOk: false, // IsInit
+      tagInput: '', // Tag input value
+      tagInputTimer: '', // Tag filtering timing
       charResizeTimer: null, // Delay after the window size is changed
-      multiSelectedTagNames: {}, // selected tag name
+      multiSelectedTagNames: {}, // Selected tag name
       curFilterTagIndexArr: [], // Chart subscript
-      curPageArr: [], // data of the current page
+      curPageArr: [], // Data of the current page
       headTagFullScreen: false, // Indicates whether tag is expanded
       curBenchX: 'stepData', // Front axle reference
       curAxisName: this.$t('scalar.step'), // Current chart tip
@@ -168,12 +168,12 @@ export default {
       smoothSliderValueTimer: null, // Smoothness slider timer
       axisBenchChangeTimer: null, // Horizontal axis reference switching timing
       backendString: 'scalarBackend', // Background layer suffix
-      charObj: null, // chart object
-      charOption: {}, // option of chart
-      charData: [], // data of chart
-      isCompare: false, // isCompare
-      tagOverRowFlag: false, // the value of tag is greater than one line
-      perSelectItemMarginBottom: 1, // bottom of each selection box
+      charObj: null, // Chart object
+      charOption: {}, // Option of chart
+      charData: [], // Data of chart
+      isCompare: false, // IsCompare
+      tagOverRowFlag: false, // The value of tag is greater than one line
+      perSelectItemMarginBottom: 1, // Bottom of each selection box
     };
   },
   computed: {},
@@ -282,13 +282,13 @@ export default {
     }
 
     this.$bus.$on('updateTag', (val) => {
-      // Update Chart by tag
+      // Update chart by tag
       this.updateTagInPage();
     });
   },
   methods: {
     /**
-     *window resize
+     *Window resize
      */
 
     resizeCallback() {
@@ -307,7 +307,7 @@ export default {
       }
     },
     /**
-     * tag filtering
+     * Tag filtering
      */
 
     filterByTagName() {
@@ -340,7 +340,7 @@ export default {
 
     /**
      *
-     * tag click
+     * Tag click
      * @param {Object} tagItem Current tag
      */
     tagItemClick(tagItem) {
@@ -401,7 +401,7 @@ export default {
 
     /**
      * The time display type is changed
-     * @param {String} val radio group value
+     * @param {String} val Radio group value
      */
 
     timeTypeChange(val) {
@@ -533,7 +533,7 @@ export default {
     },
 
     /**
-     * clear data
+     * Clear data
      */
 
     clearAll() {
@@ -548,7 +548,7 @@ export default {
     },
 
     /**
-     * Update Chart by tag
+     * Update chart by tag
      */
 
     updateTagInPage() {
@@ -631,7 +631,7 @@ export default {
                 if (resData.metadatas.length) {
                   relativeTimeBench = resData.metadatas[0].wall_time;
                 }
-                // Initializing Chart Data
+                // Initializing chart Data
                 resData.metadatas.forEach((metaData) => {
                   tempObject.valueData.stepData.push([
                     metaData.step,
@@ -663,10 +663,10 @@ export default {
 
 
     /**
-     * add request
+     * Add request
      * @param {Object} params
      * @param {Number} yIndex
-     * @return {Object} response or error
+     * @return {Object} Response or error
      */
 
     addAjax(params, yIndex) {
@@ -688,7 +688,7 @@ export default {
     },
 
     /**
-     * Formatting Chart Data
+     * Formatting chart data
      */
 
     formateCharOption() {
@@ -941,7 +941,7 @@ export default {
     },
 
     /**
-     * format smooth data
+     * Format smooth data
      * @param {String} oriData
      */
 
@@ -974,8 +974,8 @@ export default {
     },
 
     /**
-     * Updating or Creating a Specified chart
-     * @param {Boolen} resetAnimate restart the animation
+     * Updating or creating a specified chart
+     * @param {Boolen} resetAnimate Restart the animation
      */
 
     updateOrCreateChar(resetAnimate) {
@@ -996,8 +996,8 @@ export default {
     },
 
     /**
-     * Format the value of the Y axis
-     * @param {String} value number y
+     * Format the value of the y axis
+     * @param {String} value Number y
      * @return {Number}
      */
 
@@ -1016,9 +1016,9 @@ export default {
     },
 
     /**
-     * Format Absolute Time
-     * @param {String} time string
-     * @return string
+     * Format absolute time
+     * @param {String} time String
+     * @return String
      */
 
     dealrelativeTime(time) {
@@ -1028,10 +1028,10 @@ export default {
     },
   },
   destroyed() {
-    // remove the size of a window and change the listener
+    // Remove the size of a window and change the listener
     window.removeEventListener('resize', this.resizeCallback);
 
-    // remove slider value change timing
+    // Remove slider value change timing
     if (this.smoothSliderValueTimer) {
       clearTimeout(this.smoothSliderValueTimer);
       this.smoothSliderValueTimer = null;
@@ -1041,7 +1041,7 @@ export default {
       clearTimeout(this.tagInputTimer);
       this.tagInputTimer = null;
     }
-    // Remove Chart Calculation Delay
+    // Remove chart calculation delay
     if (this.charResizeTimer) {
       clearTimeout(this.charResizeTimer);
       this.charResizeTimer = null;

mindinsight/ui/src/views/train-manage/tensor.vue

@@ -112,7 +112,7 @@ limitations under the License.
                :class="sampleItem.fullScreen ? 'char-full-screen' : ''"
                v-show="sampleItem.show">
             <div class="chars-container">
-              <!-- components -->
+              <!-- Components -->
               <gridTableComponents v-if="!curDataType"
                                    :ref="sampleItem.ref"
                                    :fullScreen="sampleItem.fullScreen"
@@ -185,7 +185,9 @@ import multiselectGroupComponents from '../../components/multiselectGroup.vue';
 import gridTableComponents from '../../components/gridTableSimple';
 import histogramUntil from '../../components/histogramUnit';
 import RequestService from '../../services/request-service';
+import autoUpdate from '../../mixins/autoUpdate.vue';
 export default {
+  mixins: [autoUpdate],
   data() {
     return {
       tagList: [], // Tag list.
@@ -200,89 +202,24 @@ export default {
       pageIndex: 0, // Current page number.
       pageSizes: [6], // The number of records on each page is optional.
       pageNum: 6, // Number of records on each page.
-      isReloading: false, // Manually refresh.
-      autoUpdateTimer: null, // Automatic refresh timer.
       dataTypeChangeTimer: null, // View switching timer
       viewNameChangeTimer: null, // ViewName switching timer
       axisNameChangeTimer: null, // Vertical axis switching timer
-      curDataType: 0, // current data type
-      curViewName: 1, // current histogram view type
-      curAxisName: 0, // current histogran axis type
+      curDataType: 0, // Current data type
+      curViewName: 1, // Current histogram view type
+      curAxisName: 0, // Current histogran axis type
       chartTipFlag: false, // Wheather to display tips of the histogram
     };
   },
-  computed: {
-    /**
-     * Global refresh switch
-     * @return {Boolean}
-     */
-    isReload() {
-      return this.$store.state.isReload;
-    },
-    /**
-     * Automatic refresh switch
-     * @return {Boolean}
-     */
-    isTimeReload() {
-      return this.$store.state.isTimeReload;
-    },
-    /**
-     * Automatic refresh value
-     * @return {Boolean}
-     */
-    timeReloadValue() {
-      return this.$store.state.timeReloadValue;
-    },
-  },
+  computed: {},
   components: {
     multiselectGroupComponents,
     gridTableComponents,
     histogramUntil,
   },
-  watch: {
-    /**
-     * Global refresh switch listener
-     * @param {Boolean} newVal Value after change
-     * @param {Boolean} oldVal Value before change
-     */
-    isReload(newVal, oldVal) {
-      if (newVal) {
-        this.isReloading = true;
-        // Automatic refresh and retiming
-        if (this.isTimeReload) {
-          this.autoUpdateSamples();
-        }
-        this.updateAllData(false);
-      }
-    },
-    /**
-     * Automatic refresh switch listener
-     * @param {Boolean} newVal Value after change
-     * @param {Boolean} oldVal Value before change
-     */
-    isTimeReload(newVal, oldVal) {
-      if (newVal) {
-        // Enable automatic refresh
-        this.autoUpdateSamples();
-      } else {
-        // Disable automatic refresh
-        this.stopUpdateSamples();
-      }
-    },
-    /**
-     * The refresh time is changed
-     */
-    timeReloadValue() {
-      this.autoUpdateSamples();
-    },
-  },
+  watch: {},
   destroyed() {
     window.removeEventListener('resize', this.resizeCallback);
-    // Disable the automatic refresh function
-    if (this.autoUpdateTimer) {
-      clearInterval(this.autoUpdateTimer);
-      this.autoUpdateTimer = null;
-    }
     // Stop refreshing
     if (this.isReloading) {
       this.$store.commit('setIsReload', false);
@@ -345,7 +282,7 @@ export default {
       }
     },
     /**
-     * jump back to train dashboard
+     * Jump back to train dashboard
      */
     jumpToTrainDashboard() {
       this.$router.push({
@@ -780,8 +717,8 @@ export default {
     },
     /**
      * Formate absolute time
-     * @param {String} time time string
-     * @return {String} str Formatted time
+     * @param {String} time Time string
+     * @return {String} String Formatted time
      */
     dealrelativeTime(time) {
       const arr = time.split(' ');
@@ -850,31 +787,9 @@ export default {
         }
       }
     },
-    /**
-     * Enable automatic refresh
-     */
-    autoUpdateSamples() {
-      if (this.autoUpdateTimer) {
-        clearInterval(this.autoUpdateTimer);
-        this.autoUpdateTimer = null;
-      }
-      this.autoUpdateTimer = setInterval(() => {
-        this.$store.commit('clearToken');
-        this.updateAllData(true);
-      }, this.timeReloadValue * 1000);
-    },
-    /**
-     * Disable automatic refresh
-     */
-    stopUpdateSamples() {
-      if (this.autoUpdateTimer) {
-        clearInterval(this.autoUpdateTimer);
-        this.autoUpdateTimer = null;
-      }
-    },
     /**
      * Update all data.
-     * @param {Boolean} ignoreError whether ignore error tip.
+     * @param {Boolean} ignoreError Whether ignore error tip.
      */
     updateAllData(ignoreError) {
       const params = {
@@ -991,7 +906,7 @@ export default {
       return dataAddFlag;
     },
     /**
-     * Expand/Collapse in Full Screen
+     * Expand/Collapse in full Screen
      * @param {Object} sampleItem The object that is being operated
      */
     toggleFullScreen(sampleItem) {
@@ -1009,7 +924,7 @@ export default {
     },
     /**
      * Callback after the step slider changes
-     * @param {Number} sliderValue changed slider value
+     * @param {Number} sliderValue Changed slider value
      * @param {Object} sampleItem The object that is being operated
      */
     sliderChange(sliderValue, sampleItem) {

mindinsight/ui/src/views/train-manage/training-dashboard.vue

@@ -64,7 +64,7 @@ limitations under the License.
               <a class="link-text"
                  :href="$t('summaryManage.scalarUrl')"
                  target="_blank">{{$t("summaryManage.scalarTipFirst")}}</a>
-              {{$t("summaryManage.scalarTipSecond")}}
+              {{$t("summaryManage.guidTipForth")}}
             </p>
             <p v-else
                class='no-data-text'>
@@ -99,7 +99,7 @@ limitations under the License.
               <a class="link-text"
                  :href="$t('summaryManage.histogramUrl')"
                  target="_blank">{{$t("summaryManage.histogramGuidTipFirst")}}</a>
-              {{$t("summaryManage.histogramGuidTipSecond")}}
+              {{$t("summaryManage.guidTipForth")}}
             </p>
             <p v-else
                class='no-data-text'>
@@ -140,7 +140,7 @@ limitations under the License.
               <a class="link-text"
                  :href="$t('summaryManage.tensorUrl')"
                  target="_blank">{{$t("summaryManage.tensorTipFirst")}}</a>
-              {{$t("summaryManage.tensorTipSecond")}}
+              {{$t("summaryManage.guidTipForth")}}
             </p>
             <p v-else
                class='no-data-text'>
@@ -205,7 +205,7 @@ limitations under the License.
               <a class="link-text"
                  :href="$t('summaryManage.dataProcessUrl')"
                  target="_blank">{{$t("summaryManage.dataProcessTipFirst")}}</a>
-              {{$t("summaryManage.dataProcessTipSecond")}}
+              {{$t("symbols.fullStop")}}
             </p>
             <p v-else
                class='no-data-text'>
@@ -246,7 +246,7 @@ limitations under the License.
               <a class="link-text"
                  :href="$t('summaryManage.imageUrl')"
                  target="_blank">{{$t("summaryManage.imageTipFirst")}}</a>
-              {{$t("summaryManage.imageTipSecond")}}
+              {{$t("symbols.fullStop")}}
             </p>
             <p class='no-data-text'
                v-show="(!originImageDataArr.length || wrongPlugin) && !initOverKey.image">
@@ -1672,7 +1672,7 @@ export default {
             `<${node.name}>[id="${node.name}";shape="octagon";` +
             `label="${name}";class="polymeric"];`;
         } else if (node.type === 'name_scope') {
-          const fillColor = CommonProperty.graphColorArr[this.curColorIndex];
+          const fillColor = CommonProperty.graphColorArrPhg[this.curColorIndex];
           this.curColorIndex = this.curColorIndex % 4;
           this.curColorIndex++;
           tempStr +=