Right now in my bubble chart the tooltip will show for the nearest bubble when navigating across the chart and I only want the tooltip to show when user is on the bubble. Is there any way I can disable this "findNearestPointBy" behavior?
My chart object looks like the following:
chart: {
type: 'bubble',
plotBorderWidth: 1,
zoomType: 'xy',
events: {
selection: (event) => {
if (event.resetSelection) {
resetSignalZoom();
return;
}
handleSignalZoom(
event.xAxis[0].min,
event.xAxis[0].max,
event.yAxis[0].min,
event.yAxis[0].max,
);
},
},
},
legend: {
enabled: true,
},
title: { text: '' },
xAxis: {
minPadding: 0.1,
maxPadding: 0.1,
title: { text: translatedStrings.prrAxisLabel },
type: BubbleChart.LOGARITHMIC_SCALE,
plotLines: [
{
dashStyle: 'Dash',
value: minThresholds.prr,
width: 2,
label: { text: translatedStrings.prrThresholdLabel, rotation: 0 },
zIndex: 4,
},
],
},
yAxis: {
minPadding: 0.1,
maxPadding: 0.1,
title: { text: translatedStrings.chiSquaredAxisLabel },
type: BubbleChart.LOGARITHMIC_SCALE,
plotLines: [
{
dashStyle: 'Dash',
value: minThresholds.chiSquared,
width: 2,
label: { text: translatedStrings.chiSquaredThresholdLabel },
zIndex: 4,
},
],
},
plotOptions: {
bubble: {
stickyTracking: false,
},
},
tooltip: {
useHTML: true,
followPointer: true,
formatter() {
const that = this;
const prrHoverValue = that.point.x === BUBBLE_CHART.EPSILON ? '~0' : that.point.x;
const x2HoverValue = that.point.y === BUBBLE_CHART.EPSILON ? '~0' : that.point.y;
return `
<table>
<tr>
<th colspan="2">
${renderToStaticMarkup(
<PtCodedNameField ptTerm={that.point[SIGNAL_FIELDS.SIGNAL]} />,
)}
</th>
</tr>
<tr>
<th>${translatedStrings.sourceLabel}:</th>
<td>${that.point[SIGNAL_FIELDS.DATASOURCE]}</td>
</tr>
<tr>
<th>PRR:</th> <td>${prrHoverValue}</td>
</tr>
<tr>
<th>χ2:</th> <td>${x2HoverValue}</td>
</tr>
<tr>
<th>${translatedStrings.numCasesLabel}:</th> <td>${that.point.z}</td>
</tr>
<tr>
<th>EBGM:</th> <td>${that.point[SIGNAL_FIELDS.EBGM]}</td>
</tr>
<tr>
<th>EB05:</th> <td>${that.point[SIGNAL_FIELDS.EB05]}</td>
</tr>
<tr>
<th>EB95:</th> <td>${that.point[SIGNAL_FIELDS.EB95]}</td>
</tr>
</table>
`;
},
},
series,
credits: {
enabled: false,
}