diff --git a/src/main/resources/support/http/resources/js/lang.js b/src/main/resources/support/http/resources/js/lang.js
index 6118441704..cfebf6bf35 100644
--- a/src/main/resources/support/http/resources/js/lang.js
+++ b/src/main/resources/support/http/resources/js/lang.js
@@ -243,7 +243,8 @@ druid.lang = function() {
 		'RequestTimeMillis':['RequestTimeMillis', '请求时间'],
 		'JdbcExecutePeak':['JdbcExecutePeak', 'jdbc执行峰值'],
 		'JdbcFetchRowPeak':['JdbcFetchRowPeak', 'jdbc查询取回行数峰值'],
-		'JdbcUpdatePeak':['JdbcUpdatePeak', 'jdbc更新峰值']
+		'JdbcUpdatePeak':['JdbcUpdatePeak', 'jdbc更新峰值'],
+		'Histogram':['Histogram','区间分布']
 		
 	};
 	
diff --git a/src/main/resources/support/http/resources/spring.html b/src/main/resources/support/http/resources/spring.html
index dc6ba5c771..e190569107 100644
--- a/src/main/resources/support/http/resources/spring.html
+++ b/src/main/resources/support/http/resources/spring.html
@@ -34,6 +34,16 @@
 									<th><a id="th-JdbcRollbackCount" href="javascript:void(0);" class="lang" langKey="JdbcRollbackCount">JdbcRollbackCount</a></th>
 									<th><a id="th-JdbcFetchRowCount" href="javascript:void(0);" class="lang" langKey="JdbcFetchRowCount">JdbcFetchRowCount</a></th>
 									<th><a id="th-JdbcUpdateCount" href="javascript:void(0);" class="lang" langKey="JdbcUpdateCount">JdbcUpdateCount</a></th>
+									<th align="left" width="100"><span class="lang" langKey="Histogram">Histogram</span> <br />[ 
+										<a id="th-Histogram[0]" class="langTitle" langKey="count1ms" title="count of '0-1 ms'" >-</a>
+										<a id="th-Histogram[1]" class="langTitle" langKey="count10ms" title="count of '1-10 ms'" >-</a>
+										<a id="th-Histogram[2]" class="langTitle" langKey="count100ms" title="count of '10-100 ms'" >-</a>
+										<a id="th-Histogram[3]" class="langTitle" langKey="count1s" title="count of '100ms-1 s'" >-</a>
+										<a id="th-Histogram[4]" class="langTitle" langKey="count10s" title="count of '1-10 s'" >-</a>
+										<a id="th-Histogram[5]" class="langTitle" langKey="count100s" title="count of '10-100 s'" >-</a>
+										<a id="th-Histogram[6]" class="langTitle" langKey="count1000s" title="count of '100-1000 s'" >-</a>
+										<a id="th-Histogram[7]" class="langTitle" langKey="countBg1000s" title="count of '> 1000 s'" >-</a> ]
+									</th>
 								</tr>
 							</thead> 
 							<tbody></tbody>
@@ -83,6 +93,7 @@
 	    					html += "<td>" + replace(stat.JdbcRollbackCount) + "</td>";
 	    					html += "<td>" + replace(stat.JdbcFetchRowCount) + "</td>";
 	    					html += "<td>" + replace(stat.JdbcUpdateCount) + "</td>";
+	    					html += "<td>" + '[' + stat.Histogram + ']' + "</td>";
 	    					html += "</tr>";
 	    				}
 	    				$("#dataTable tbody").html(html);
diff --git a/src/main/resources/support/http/resources/weburi.html b/src/main/resources/support/http/resources/weburi.html
index 7171360af7..8de74bce8f 100644
--- a/src/main/resources/support/http/resources/weburi.html
+++ b/src/main/resources/support/http/resources/weburi.html
@@ -35,6 +35,16 @@
 									<th><a id="th-JdbcRollbackCount" class="lang" langKey="JdbcRollbackCount">JdbcRollbackCount</a></th>
 									<th><a id="th-JdbcFetchRowCount" class="lang" langKey="JdbcFetchRowCount">JdbcFetchRowCount</a></th>
 									<th><a id="th-JdbcUpdateCount" class="lang" langKey="JdbcUpdateCount">JdbcUpdateCount</a></th> 
+									<th align="left" width="100"><span class="lang" langKey="Histogram">Histogram</span> <br />[ 
+										<a id="th-Histogram[0]" class="langTitle" langKey="count1ms" title="count of '0-1 ms'" >-</a>
+										<a id="th-Histogram[1]" class="langTitle" langKey="count10ms" title="count of '1-10 ms'" >-</a>
+										<a id="th-Histogram[2]" class="langTitle" langKey="count100ms" title="count of '10-100 ms'" >-</a>
+										<a id="th-Histogram[3]" class="langTitle" langKey="count1s" title="count of '100ms-1 s'" >-</a>
+										<a id="th-Histogram[4]" class="langTitle" langKey="count10s" title="count of '1-10 s'" >-</a>
+										<a id="th-Histogram[5]" class="langTitle" langKey="count100s" title="count of '10-100 s'" >-</a>
+										<a id="th-Histogram[6]" class="langTitle" langKey="count1000s" title="count of '100-1000 s'" >-</a>
+										<a id="th-Histogram[7]" class="langTitle" langKey="countBg1000s" title="count of '> 1000 s'" >-</a> ]
+									</th>
 								</tr>
 							</thead> 
 							<tbody></tbody>
@@ -85,6 +95,7 @@
     					html += "<td>" + replace(stat.JdbcRollbackCount) + "</td>";
     					html += "<td>" + replace(stat.JdbcFetchRowCount) + "</td>";
     					html += "<td>" + replace(stat.JdbcUpdateCount) + "</td>";
+    					html += "<td>" + '[' + stat.Histogram + ']' + "</td>";
     					html += "</tr>";
     				}
     				$("#dataTable tbody").html(html);