ChartJS - tooltip shows on the label

[narsapr]

Don't want to show tooltip on the label.

I want to hide the tooltip when hover over on the label.

Please check on the image here.

<title>Bar Chart</title>
<script src="https://www.chartjs.org/dist/2.9.3/Chart.min.js"></script>

<script>

	var color = Chart.helpers.color;
	var barChartData = {
		labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
		datasets: [{
			label: 'Dataset 1',
			backgroundColor: 'green',
			borderColor: 'green',
			borderWidth: 1,
			data: [1000, 2000, 3000, 4000, 5000, 6000, 7500,

			]
		}, {
			label: 'Dataset 2',
			type: 'line',
			fill: false,
			backgroundColor: 'red',
			borderColor: 'red',
			borderWidth: 2,
			data: [1060, 2110, 3098, 4010, 4020, 5010, 3030,

			]
		}]

	};

	window.onload = function() {
		var ctx = document.getElementById('canvas').getContext('2d');
		window.myBar = new Chart(ctx, {
			type: 'bar',
			data: barChartData,
			options: {
				responsive: true,
				legend: {
					position: 'bottom',
				},
				title: {
					display: true,
					text: 'Chart.js Bar Chart'
									}
			}
		});

	};

</script>

[etimberg]

@n8899 do you have a fiddle that reproduces this? I tried in this sample and I could not reproduce it in Firefox.

[kurkle]

From the image, #6914 and/or #6889 changes this behavior.
The scale starts at 1000 while bars start from 0. The hidden portion is intersected below chartArea.

Further, I think we should test if the pointer is in chartArea when finding active items.