Javascript 如果图表工具提示中的值为0,如何隐藏以前的td
我正在使用带有自定义工具提示的剑道UI图表,因此在工具提示中,当鼠标悬停在工具栏上时,有两个值栏显示第一个值栏和第二个值栏,因此我想在工具提示中隐藏第一个值栏,如果它为0.00和NA文本 我尝试了下面的代码,但没有隐藏工具提示0.00和NA文本 HTMLJavascript 如果图表工具提示中的值为0,如何隐藏以前的td,javascript,jquery,Javascript,Jquery,我正在使用带有自定义工具提示的剑道UI图表,因此在工具提示中,当鼠标悬停在工具栏上时,有两个值栏显示第一个值栏和第二个值栏,因此我想在工具提示中隐藏第一个值栏,如果它为0.00和NA文本 我尝试了下面的代码,但没有隐藏工具提示0.00和NA文本 HTML <div class="customTooltipRapsure" ><div id="chartCustTooltip" style="text-align:center&
<div class="customTooltipRapsure" ><div id="chartCustTooltip" style="text-align:center">Date: 20 Jun 2020</div><div ><table id="tooltipTable"><tbody><tr class="OldImpacts"><td><span class="squer" ></span>Old Impacts </td><td class="text-right">0.00</td></tr><tr class="NewImpacts" ><td><span class="squer"></span>New Impacts </td><td class="text-right">NA</td></tr><tr class="OldSpotCounts"><td><span class="squer"></span>Old Spot Counts </td><td class="text-right">19.00</td></tr><tr class="NewSpotCounts"><td><span class="squer"></span>New Spot Counts </td><td class="text-right">19.00</td></tr></tbody></table></div></div>
function onSeriesHover(tdClass, htmlData, chartDivID) {
var currntTooltip = $('#' + chartDivID).closest('.uploadSummaryCampaign').find('.customTooltipRapsure');
currntTooltip.css('min-width', '');
currntTooltip.html(htmlData);
var tooltipDiv = $('.scrollingTooltip');
$('#' + chartDivID + ' svg > g > path:nth-of-type(2)[stroke^="none"], #' + chartDivID + ' svg > g > g:first > g[clip-path^="url"]').mouseleave(function (e) {
currntTooltip.hide();
});
$("#" + chartDivID + " svg > g > path:nth-of-type(2)[stroke^='none'], #" + chartDivID + " svg > g > g:first > g[clip-path^='url'], #" + chartDivID + " svg > g > g:first > g[clip-path^='url'] circle").mousemove(function (e) {
var tooltipWidth = currntTooltip.width();
var tooltipHeight = currntTooltip.height();
var lastMouseX = (e.pageX + 40) - $('#' + chartDivID + ' svg').offset().left;
var lastMouseY = (e.pageY + 40) - $('#' + chartDivID + ' svg').offset().top;
var currentTop = lastMouseY - $('#' + chartDivID + ' svg').offset().top;
var currentMouse = $('#' + chartDivID + ' svg').height() / 2;
if (lastMouseX > 400) {
lastMouseX = lastMouseX - (tooltipWidth + 80);//(currntToolWidth + 60);
}
if (lastMouseY > currentMouse) {
lastMouseY = lastMouseY - (tooltipHeight - 60);
}
currntTooltip.css('position', 'absolute').css('top', lastMouseY).css('left', lastMouseX).show();
var th = tooltipDiv.height();
var iScrollHeight = tooltipDiv.prop('scrollHeight');
var mousewheelevt = (/Firefox/i.test(navigator.userAgent)) ? "DOMMouseScroll" : "mousewheel"; //FF doesn't recognize mousewheel as of FF3.x
var $chartWindow = $('#' + chartDivID);
if (th < iScrollHeight && iScrollHeight > 220) {
$chartWindow.bind(mousewheelevt, onMouseWheel);
function onMouseWheel(e) {
e.preventDefault();
var scrollPos = (/Firefox/i.test(navigator.userAgent)) ? e.originalEvent.detail / e.originalEvent.detail : e.originalEvent.wheelDelta / e.originalEvent.wheelDelta;
if (e.originalEvent.wheelDelta < 0 || e.originalEvent.detail > 0) {
currentScroll = parseInt((currentScroll - scrollPos) + 10);
}
else {
currentScroll = ((currentScroll - scrollPos) - 10);
}
if (currentScroll + th + 20 < iScrollHeight && currentScroll > 0) {
tooltipDiv.scrollTop(currentScroll);
}
else {
currentScroll = tooltipDiv.scrollTop();
}
}
var offsetT = $(currntTooltip).find('tr.' + tdClass)[0].offsetTop;
if (offsetT > th) {
currentScroll = parseInt(((currentScroll + offsetT) - th) + 40);
tooltipDiv.scrollTop(currentScroll);
}
else {
currentScroll = tooltipDiv.scrollTop();
}
}
else {
$chartWindow.unbind(mousewheelevt, onMouseWheel);
}
currentScroll = 1;
});
if (/Firefox/i.test(navigator.userAgent)) {
tooltipDiv.css('min-width', tooltipDiv.width() + 20);
}
$(currntTooltip).find('.' + tdClass).css({ 'background': '#fff', 'border': '1px solid #ccc', 'box-shadow': '-2px 4px 5px -3px rgba(0,0,0,0.75)' });
}
if ($(".customTooltipRapsure .text-right").text() == "NA") {
$(".customTooltipRapsure").hide();
}