{"action":"opened","issue":{"url":"https://api.github.com/repos/naver/billboard.js/issues/581","repository_url":"https://api.github.com/repos/naver/billboard.js","labels_url":"https://api.github.com/repos/naver/billboard.js/issues/581/labels{/name}","comments_url":"https://api.github.com/repos/naver/billboard.js/issues/581/comments","events_url":"https://api.github.com/repos/naver/billboard.js/issues/581/events","html_url":"https://github.com/naver/billboard.js/issues/581","id":357235816,"node_id":"MDU6SXNzdWUzNTcyMzU4MTY=","number":581,"title":"Zoom by Dragging Feature for Scatterplots","user":{"login":"roboticoverbrain","id":8094856,"node_id":"MDQ6VXNlcjgwOTQ4NTY=","avatar_url":"https://avatars3.githubusercontent.com/u/8094856?v=4","gravatar_id":"","url":"https://api.github.com/users/roboticoverbrain","html_url":"https://github.com/roboticoverbrain","followers_url":"https://api.github.com/users/roboticoverbrain/followers","following_url":"https://api.github.com/users/roboticoverbrain/following{/other_user}","gists_url":"https://api.github.com/users/roboticoverbrain/gists{/gist_id}","starred_url":"https://api.github.com/users/roboticoverbrain/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/roboticoverbrain/subscriptions","organizations_url":"https://api.github.com/users/roboticoverbrain/orgs","repos_url":"https://api.github.com/users/roboticoverbrain/repos","events_url":"https://api.github.com/users/roboticoverbrain/events{/privacy}","received_events_url":"https://api.github.com/users/roboticoverbrain/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-09-05T13:42:33Z","updated_at":"2018-09-05T13:42:33Z","closed_at":null,"author_association":"NONE","body":"## Description\r\nI'm trying to make use of the new zoom by dragging feature that was introduced in 1.6 and have come across a couple of issues for scatterplots: \r\n\r\n1. The dragged area doesn't seem to be what gets zoomed in to; and\r\n2. The nodes move, but the hover over for them remain in their original location.\r\n\r\n## Steps to check or reproduce\r\n1. Create Scatterplot\r\n2. Enable Zoom by Dragging\r\n\r\nWorking site here: http://mer.amfar.org/Indicator/TX_NEW/Zambia  (See scatterplot part way down the page)\r\n\r\nOn 1: The dragged area seems to want to start at 0 regardless of what's actually highlighted. However, if you drag into negative area on the chart, it seems to wrap around and start zooming from the end.\r\n\r\nOn 2: Once zoomed, you can't hover over the data points anymore. However, if you move the mouse along the Y-axis where many of the data points were set before the zoom, you'll start hitting on them in their original location.\r\n\r\nd3 version = 5.3\r\nbillboard version = 1.6.1\r\n\r\nScatterplot code here:\r\n`ScatterChart = bb.generate({\r\n\tbindto: document.getElementById('Scatterplot'),\r\n\tsize: {\r\n\t\theight: 600,\r\n\t},\r\n\tdata: {\r\n\t\txs: scatterdata.xs,\r\n\t\tcolumns: scatterdata.data,\r\n\t\ttype: 'scatter',\r\n\t\tonclick: function(d, element) {\r\n\t\t\tparamupdate(snulevel,d.name);\r\n\t        },\r\n\t\tcolor: function(color, d){\r\n\t\t\tvar dist= d.id ? d.id : d;\r\n\t\t\treturn colorpicker[mapdata[dist]['PRIORITY']];\r\n\t\t},\r\n\t},\r\n\tlegend: {\r\n\t\tshow: false,\r\n\t},\r\n\tpoint: {\r\n\t\tr: 5,\r\n\t},\r\n\taxis: {\r\n\t\tx: {\r\n\t\t\ttick: {\r\n\t\t\tfit: false,\r\n\t\t\tformat: d3.format(','),\r\n         \t\t},\r\n\t              \tlabel: {\r\n\t\t\t\ttext: scatterx,\r\n\t\t\t\tposition: 'outer-right',\r\n\t\t\t},\r\n\t\t},\r\n\t\ty: {\r\n\t\t\tmax: scatterdata.ymax ? scatterdata.ymax : 2,\r\n\t\t\tmin: 0,\r\n\t\t\ttick: {\r\n\t\t\t\tformat: d3.format('.0%'),\r\n\t\t\t},\r\n\t\t\tpadding: {\r\n\t\t\t\ttop: .1,\r\n\t\t\t\tbottom: 0\r\n\t\t\t},\r\n\t\t\t\tlabel: {\r\n\t\t\t\t\ttext: 'Percent Achievement of Target',\r\n\t\t\t\t\tposition: 'outer-top',\r\n\t\t\t\t},\r\n\t\t\t},\r\n\t\t},\r\n\t\ttitle: {\r\n\t\t\ttext: \"District Performance Against Target\",\r\n\t\t},\r\n\t\tzoom: {\r\n\t\t\tenabled: {\r\n\t\t\t\ttype: 'drag',\r\n\t\t\t},\r\n\t\t},\r\n\t});`\r\n\r\nThanks for all the work on this project! "}}
{"actor":{"display_login":"roboticoverbrain"}}