big-data/hadoop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

HDFS-14182. Datanode usage histogram is clicked to show ip list. Contributed by fengchuang.

Browse Source
This commit is contained in:
Yiqun Lin 2019-03-04 17:34:24 +08:00
parent bd8d299ded
commit 18ea0c1493
1 changed files with 46 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
hadoop-hdfs-project/hadoop-hdfs/src/main/webapps/hdfs/dfshealth.js
View File

@ -303,10 +303,13 @@
.attr("class", "bar")
.attr("transform", function(d) { return "translate(" + x(d.x0) + "," + y(d.length) + ")"; });
window.liveNodes = dnData.LiveNodes;
bar.append("rect")
.attr("x", 1)
.attr("width", x(bins[0].x1) - x(bins[0].x0) - 1)
.attr("height", function(d) { return height - y(d.length); });
.attr("height", function(d) { return height - y(d.length); })
.attr("onclick", function (d) { return "open_hostip_list(" + d.x0 + "," + d.x1 + ")"; });
bar.append("text")
.attr("dy", ".75em")
@ -425,3 +428,45 @@
load_page();
});
})();
function open_hostip_list(x0, x1) {
close_hostip_list();
var ips = new Array();
for (var i = 0; i < liveNodes.length; i++) {
var dn = liveNodes[i];
var index = (dn.usedSpace / dn.capacity) * 100.0;
if (index == 0) {
index = 1;
}
//More than 100% do not care,so not record in 95%-100% bar
if (index > x0 && index <= x1) {
ips.push(dn.infoAddr.split(":")[0]);
}
}
var ipsText = '';
for (var i = 0; i < ips.length; i++) {
ipsText += ips[i] + '\n';
}
var histogram_div = document.getElementById('datanode-usage-histogram');
histogram_div.setAttribute('style', 'position: relative');
var ips_div = document.createElement("textarea");
ips_div.setAttribute('id', 'datanode_ips');
ips_div.setAttribute('rows', '8');
ips_div.setAttribute('cols', '14');
ips_div.setAttribute('style', 'position: absolute;top: 0px;right: -38px;');
ips_div.setAttribute('readonly', 'readonly');
histogram_div.appendChild(ips_div);
var close_div = document.createElement("div");
histogram_div.appendChild(close_div);
close_div.setAttribute('id', 'close_ips');
close_div.setAttribute('style', 'position: absolute;top: 0px;right: -62px;width:20px;height;20px');
close_div.setAttribute('onclick', 'close_hostip_list()');
close_div.innerHTML = "X";
ips_div.innerHTML = ipsText;
}
function close_hostip_list() {
$("#datanode_ips").remove();
$("#close_ips").remove();
}