{"action":"created","issue":{"url":"https://api.github.com/repos/google/google-visualization-issues/issues/1988","labels_url":"https://api.github.com/repos/google/google-visualization-issues/issues/1988/labels{/name}","comments_url":"https://api.github.com/repos/google/google-visualization-issues/issues/1988/comments","events_url":"https://api.github.com/repos/google/google-visualization-issues/issues/1988/events","html_url":"https://github.com/google/google-visualization-issues/issues/1988","id":80835842,"number":1988,"title":"Issue in tooltip position after scrolling","user":{"login":"cms01","id":12606320,"avatar_url":"https://avatars.githubusercontent.com/u/12606320?v=3","gravatar_id":"","url":"https://api.github.com/users/cms01","html_url":"https://github.com/cms01","followers_url":"https://api.github.com/users/cms01/followers","following_url":"https://api.github.com/users/cms01/following{/other_user}","gists_url":"https://api.github.com/users/cms01/gists{/gist_id}","starred_url":"https://api.github.com/users/cms01/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/cms01/subscriptions","organizations_url":"https://api.github.com/users/cms01/orgs","repos_url":"https://api.github.com/users/cms01/repos","events_url":"https://api.github.com/users/cms01/events{/privacy}","received_events_url":"https://api.github.com/users/cms01/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2015-05-26T07:26:42Z","updated_at":"2015-05-26T14:24:46Z","closed_at":"2015-05-26T14:24:46Z","body":"Reference URL: https://developers.google.com/chart/interactive/docs/customizing_tooltip_content\r\n\r\n\r\nI am using this part( focusTarget: 'category' option.):\r\nIssue:  If I add an horizontal scroll bar then tool tip  is not coming in proper position after scrolling\r\nFind code here:  https://developers.google.com/chart/interactive/docs/customizing_tooltip_content\r\nCustom HTML content can also include dynamically generated content. Here, we add a tooltip containing a dynamically generated table for each category value. Since the tooltip is attached to the row value, hovering over any of the bars will display the HTML tooltip.\r\n\r\nThis example demonstrates how a custom HTML tooltip can be attached to a domain column. (In previous examples, it was attached to a data column.) To turn on the tooltip for the domain axis, set the focusTarget: 'category' option.\r\n\r\n\r\nHere are the  details of code:\r\n\r\n<?php\r\n\r\nfunction drawChart() {\r\n  var dataTable = new google.visualization.DataTable();\r\n  dataTable.addColumn('string', 'Country');\r\n  // Use custom HTML content for the domain tooltip.\r\n  dataTable.addColumn({'type': 'string', 'role': 'tooltip', 'p': {'html': true}});\r\n  dataTable.addColumn('number', 'Gold');\r\n  dataTable.addColumn('number', 'Silver');\r\n  dataTable.addColumn('number', 'Bronze');\r\n\r\n  dataTable.addRows([\r\n    ['USA', createCustomHTMLContent('http://upload.wikimedia.org/wikipedia/commons/2/28/Flag_of_the_USA.svg', 46, 29, 29), 46, 29, 29],\r\n    ['China', createCustomHTMLContent('http://upload.wikimedia.org/wikipedia/commons/f/fa/Flag_of_the_People%27s_Republic_of_China.svg', 38, 27, 23), 38, 27, 23],\r\n    ['UK', createCustomHTMLContent('http://upload.wikimedia.org/wikipedia/commons/a/ae/Flag_of_the_United_Kingdom.svg', 29, 17, 19), 29, 17, 19]\r\n  ]);\r\n\r\n  var options = {\r\n    title: 'London Olympics Medals',\r\n    colors: ['#FFD700', '#C0C0C0', '#8C7853'],\r\n    // This line makes the entire category's tooltip active.\r\n    focusTarget: 'category',\r\n    // Use an HTML tooltip.\r\n    tooltip: { isHtml: true }\r\n  };\r\n\r\n  // Create and draw the visualization.\r\n  new google.visualization.ColumnChart(document.getElementById('custom_html_content_div')).draw(dataTable, options);\r\n}\r\n\r\n function createCustomHTMLContent(flagURL, totalGold, totalSilver, totalBronze) {\r\n  return  '<div style=\"padding:5px 5px 5px 5px;\">' +\r\n      '<img src=\"' + flagURL + '\" style=\"width:75px;height:50px\"><br/>' +\r\n      '<table class=\"medals_layout\">' + '<tr>' +\r\n      '<td><img src=\"http://upload.wikimedia.org/wikipedia/commons/1/15/Gold_medal.svg\" style=\"width:25px;height:25px\"/></td>' +\r\n      '<td><b>' + totalGold + '</b></td>' + '</tr>' + '<tr>' +\r\n      '<td><img src=\"http://upload.wikimedia.org/wikipedia/commons/0/03/Silver_medal.svg\" style=\"width:25px;height:25px\"/></td>' +\r\n      '<td><b>' + totalSilver + '</b></td>' + '</tr>' + '<tr>' +\r\n      '<td><img src=\"http://upload.wikimedia.org/wikipedia/commons/5/52/Bronze_medal.svg\" style=\"width:25px;height:25px\"/></td>' +\r\n      '<td><b>' + totalBronze + '</b></td>' + '</tr>' + '</table>' + '</div>';\r\n}\r\n\r\n?>\r\n\r\n\r\n\r\n\r\n\r\n\r\nIf I add an horizontal scroll bar then tool tip  is not coming in proper position after scrolling \r\n\r\n\r\nPlease help me to resolve this issue\r\nThanks so much.\r\n\r\n\r\n\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/google/google-visualization-issues/issues/comments/105542280","html_url":"https://github.com/google/google-visualization-issues/issues/1988#issuecomment-105542280","issue_url":"https://api.github.com/repos/google/google-visualization-issues/issues/1988","id":105542280,"user":{"login":"grabks","id":11892394,"avatar_url":"https://avatars.githubusercontent.com/u/11892394?v=3","gravatar_id":"","url":"https://api.github.com/users/grabks","html_url":"https://github.com/grabks","followers_url":"https://api.github.com/users/grabks/followers","following_url":"https://api.github.com/users/grabks/following{/other_user}","gists_url":"https://api.github.com/users/grabks/gists{/gist_id}","starred_url":"https://api.github.com/users/grabks/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/grabks/subscriptions","organizations_url":"https://api.github.com/users/grabks/orgs","repos_url":"https://api.github.com/users/grabks/repos","events_url":"https://api.github.com/users/grabks/events{/privacy}","received_events_url":"https://api.github.com/users/grabks/received_events","type":"User","site_admin":false},"created_at":"2015-05-26T14:24:46Z","updated_at":"2015-05-26T14:24:46Z","body":"Hi,\r\n\r\nIt's a little difficult to diagnose your issue without access to an example of your code (a jsfiddle is preferable), but from what you're describing, it sounds like you're attempting to make the chart div scrollable. [Here is a working example that has a horizontal scrollbar](http://jsfiddle.net/5qboekks/).\r\n\r\n[And here is what I suspect you were doing](http://jsfiddle.net/5qboekks/1/)."}}