{"action":"created","issue":{"url":"https://api.github.com/repos/nnnick/Chart.js/issues/2052","repository_url":"https://api.github.com/repos/nnnick/Chart.js","labels_url":"https://api.github.com/repos/nnnick/Chart.js/issues/2052/labels{/name}","comments_url":"https://api.github.com/repos/nnnick/Chart.js/issues/2052/comments","events_url":"https://api.github.com/repos/nnnick/Chart.js/issues/2052/events","html_url":"https://github.com/nnnick/Chart.js/issues/2052","id":136087595,"number":2052,"title":"Tooltip Trigger Radius and Logarithmic x-axle labels","user":{"login":"pleinx","id":11060882,"avatar_url":"https://avatars.githubusercontent.com/u/11060882?v=3","gravatar_id":"","url":"https://api.github.com/users/pleinx","html_url":"https://github.com/pleinx","followers_url":"https://api.github.com/users/pleinx/followers","following_url":"https://api.github.com/users/pleinx/following{/other_user}","gists_url":"https://api.github.com/users/pleinx/gists{/gist_id}","starred_url":"https://api.github.com/users/pleinx/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/pleinx/subscriptions","organizations_url":"https://api.github.com/users/pleinx/orgs","repos_url":"https://api.github.com/users/pleinx/repos","events_url":"https://api.github.com/users/pleinx/events{/privacy}","received_events_url":"https://api.github.com/users/pleinx/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2016-02-24T15:05:59Z","updated_at":"2016-02-24T15:29:02Z","closed_at":null,"body":"Notice for Issue labels: Version Charts.js 2-Beta2\r\n\r\nHey guys,\r\n\r\ni'm using a Scatter-Chart as Bar-Chart because we need logarithmic on x-Axle.\r\nthats working already fine!\r\n\r\n**1) Tooltip Trigger**\r\nYes, 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.\r\n\r\n1. from samples/line-customTooltips.html\r\n`Chart.defaults.global.pointHitDetectionRadius = 1000; `\r\n\r\n2. from http://nnnick.github.io/Chart.js/docs-v2/\r\n```\r\npoint.radius\r\npoint.hitRadius\r\n```\r\n\r\nMy 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?\r\n\r\nI have enable the points to show you the main-triggers.\r\n\r\n\r\n**2) Logarithmic x-Axle Labels**\r\n\r\nCan i override the x-Axle labels as static? Its always the same in our case but currently it will be render based on the width of canvas-element.\r\n\r\nBut the responsive should be work any more! Try to comment-out the css-selector \".test1\" to see what iam mean.\r\n\r\n\r\nFor both Questions i have created a short jsfiddle:\r\n[Demo of Bar-Log-Chart](https://jsfiddle.net/pleinx/7vr0uvsm/)\r\n\r\nThanks in advance!"},"comment":{"url":"https://api.github.com/repos/nnnick/Chart.js/issues/comments/188305829","html_url":"https://github.com/nnnick/Chart.js/issues/2052#issuecomment-188305829","issue_url":"https://api.github.com/repos/nnnick/Chart.js/issues/2052","id":188305829,"user":{"login":"pleinx","id":11060882,"avatar_url":"https://avatars.githubusercontent.com/u/11060882?v=3","gravatar_id":"","url":"https://api.github.com/users/pleinx","html_url":"https://github.com/pleinx","followers_url":"https://api.github.com/users/pleinx/followers","following_url":"https://api.github.com/users/pleinx/following{/other_user}","gists_url":"https://api.github.com/users/pleinx/gists{/gist_id}","starred_url":"https://api.github.com/users/pleinx/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/pleinx/subscriptions","organizations_url":"https://api.github.com/users/pleinx/orgs","repos_url":"https://api.github.com/users/pleinx/repos","events_url":"https://api.github.com/users/pleinx/events{/privacy}","received_events_url":"https://api.github.com/users/pleinx/received_events","type":"User","site_admin":false},"created_at":"2016-02-24T15:29:02Z","updated_at":"2016-02-24T15:29:02Z","body":"Okay for Question 1) i have now the correct position found ;-)\r\n\r\n`\t\t\tnew Chart.Scatter(ctx, {\r\n\t\t\t\tdata: scatterChartData,\r\n\t\t\t\toptions: {\r\n\t\t\t\t\tresponsive: true,\t\r\n\t\t\t\t\telements: {\r\n\t\t\t\t\t\tpoint: {\r\n\t\t\t\t\t\t\tradius: 100,\r\n\t\t\t\t\t\t\thitRadius: 100\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t},`...\r\n\r\n\r\n`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 :)"}}