naruka17
Hi,
In my weighted tree tooltip window is not coming on node if I use scroll bar. could you please help me to fix it?
Thanks
Chetan
vizuly
Hello Chetan,
You will want to modify the data tip code in the test container to take into account document.body.scrollTop or window.pageYOffset property to take into account the scrolling.
Cheers,
Tom
naruka17
Can you please share code or line where I can modify my code.
naruka17
I found issue in your code as well. Not able to attach screen shot.
vizuly
Hello,
You will want to modify this routine in the weightedtree_test.js file. The key change is this line:
y = y + window.pageYOffest;
function createDataTip(x,y,h1,h2,h3) {
var html = datatip.replace("HEADER1", h1);
html = html.replace("HEADER2", h2);
html = html.replace("HEADER3", h3);
y = y + window.pageYOffset;
d3.select("body")
.append("div")
.attr("class", "vz-weighted_tree-tip")
.style("position", "absolute")
.style("top", y + "px")
.style("left", (x - 125) + "px")
.style("opacity",0)
.html(html)
.transition().style("opacity",1);
}
Cheers,
Tom
Patrick
I wish to enlarge the text size for those tool-tips, and, perhaps don’t use upper-case. Is that done in the same place, or should it be done where the vz-weighted_tree-tip is defined?
vizuly
Hello Patrick,
You can override the CSS styles for the three different headers in the tool tip with your own font size or text-transform.
.tooltip .header1
.tooltip .header2
.tooltip .header3
Or you can directly set the styles on those elements in the the createDataTip() function of weightedtree_test.js
I hope that helps.
Cheers,
Tom
