diff --git a/web/src/main/webapp/features/realtimeChart/realtime-chart.controller.js b/web/src/main/webapp/features/realtimeChart/realtime-chart.controller.js
index b38fded38..52b8ae8e6 100644
--- a/web/src/main/webapp/features/realtimeChart/realtime-chart.controller.js
+++ b/web/src/main/webapp/features/realtimeChart/realtime-chart.controller.js
@@ -263,7 +263,7 @@
 				}
 			}
 	        function setAgentName( index, name ) {
-	        	aAgentChartElementList[index].find("div").html(name);
+	        	aAgentChartElementList[index].find("div").html('<span>' + name + '</span><span class="glyphicon glyphicon-new-window"></span>');
 	        }
 	        function getSumOfRequestType( datum ) {
 	        	var aRequestSum = [0, 0, 0, 0];
@@ -416,7 +416,7 @@
 					if ($target.hasClass("agent-chart-list")) {
 						return;
 					}
-					var agentId = $target.hasClass("agent-chart") ? $target.find("> div").html() : $target.parent(".agent-chart").find("> div").html();
+					var agentId = $target.parents(".agent-chart").find("div > span:first-child").html();
 					var openType = LocalStorageManagerService.getThreadDumpLayerOpenType();
 					if (openType === null || openType === "window") {
 						$window.open(
diff --git a/web/src/main/webapp/styles/serverMap.css b/web/src/main/webapp/styles/serverMap.css
index d372b9b65..7b8ff5ec0 100644
--- a/web/src/main/webapp/styles/serverMap.css
+++ b/web/src/main/webapp/styles/serverMap.css
@@ -205,6 +205,7 @@
 }
 .realtime .agent-chart {
 	float: left;
+    cursor: pointer;
 	width: 122px;
 	height: 72px;
 	margin: 0px 2px 2px 4px;
@@ -222,6 +223,9 @@
 	text-overflow: ellipsis;
 	background-color: rgba(205, 211, 33, 0.5);
 }
+.realtime .agent-chart > div span:last-child {
+    float:right;
+}
 .realtime .agent-sum-chart svg {
 	font: 10px sans-serif;
     display: block;