Tooltip Trigger Radius and Logarithmic x-axle labels

Notice for Issue labels: Version Charts.js 2-Beta2

Hey guys,

i’m using a Scatter-Chart as Bar-Chart because we need logarithmic on x-Axle. thats working already fine!

1) Tooltip Trigger Yes, sure. Its still a scatter and the dots trigger the tooltips. But i found in examples and docs two-three things they may can help me but i dont know the position which i have to set these options.

1. from samples/line-customTooltips.html Chart.defaults.global.pointHitDetectionRadius = 1000;
2. from http://nnnick.github.io/Chart.js/docs-v2/

point.radius
point.hitRadius

My idear was to set a higher radius on the points (which we later set to opacity:0) to have an bigger trigger-radius for the tooltips. Maybe some have a better solution or can help me why did these parameters works? I have enable the points to show you the main-triggers.

Demo of Bar-Log-Chart

2) Logarithmic x-Axle Labels Question UPDATED notice: jsFiddle is not for this question!

I try to set min/max on the logarithmic x-Axle.

ticks: {
  min: 20,
  max: 20000,
 ...
}

It works not perfect. 20 on the start is working but the 20k label doesnt displayed. Next problem is that the first area stick on the y-Axle line. Here is an example: http://fs5.directupload.net/images/160225/mqpijnjr.png

Thanks in advance!

[pleinx]

Okay for Question 1) i have now the correct position found 😉

new Chart.Scatter(ctx, { data: scatterChartData, options: { responsive: true, elements: { point: { radius: 100, hitRadius: 100 } },…

elements: { ... } was the solution. I will play a little bit with these parameter. But if anyone have a better idear to realize this, please help me 😃

[pleinx]

@etimberg Thanks! i’ll test it 😃 Nice support!