{"action":"created","issue":{"url":"https://api.github.com/repos/philogb/jit/issues/64","repository_url":"https://api.github.com/repos/philogb/jit","labels_url":"https://api.github.com/repos/philogb/jit/issues/64/labels{/name}","comments_url":"https://api.github.com/repos/philogb/jit/issues/64/comments","events_url":"https://api.github.com/repos/philogb/jit/issues/64/events","html_url":"https://github.com/philogb/jit/issues/64","id":964048,"number":64,"title":"Treemap: border + mouseover border gap","user":{"login":"bmesuere","id":481872,"avatar_url":"https://avatars.githubusercontent.com/u/481872?v=3","gravatar_id":"","url":"https://api.github.com/users/bmesuere","html_url":"https://github.com/bmesuere","followers_url":"https://api.github.com/users/bmesuere/followers","following_url":"https://api.github.com/users/bmesuere/following{/other_user}","gists_url":"https://api.github.com/users/bmesuere/gists{/gist_id}","starred_url":"https://api.github.com/users/bmesuere/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/bmesuere/subscriptions","organizations_url":"https://api.github.com/users/bmesuere/orgs","repos_url":"https://api.github.com/users/bmesuere/repos","events_url":"https://api.github.com/users/bmesuere/events{/privacy}","received_events_url":"https://api.github.com/users/bmesuere/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":6,"created_at":"2011-05-27T11:27:35Z","updated_at":"2016-12-08T19:41:39Z","closed_at":null,"body":"- The border around an element is a few pixels off at the right and bottom: http://i.imgur.com/EDWjH.png\n- Sometimes no border is shown between elements. You can see this on the screenshot at the lower left corner between \"bifidobacterium longum\" and \"atopobium parv...\"\n"},"comment":{"url":"https://api.github.com/repos/philogb/jit/issues/comments/265834810","html_url":"https://github.com/philogb/jit/issues/64#issuecomment-265834810","issue_url":"https://api.github.com/repos/philogb/jit/issues/64","id":265834810,"user":{"login":"nshah81","id":24462527,"avatar_url":"https://avatars.githubusercontent.com/u/24462527?v=3","gravatar_id":"","url":"https://api.github.com/users/nshah81","html_url":"https://github.com/nshah81","followers_url":"https://api.github.com/users/nshah81/followers","following_url":"https://api.github.com/users/nshah81/following{/other_user}","gists_url":"https://api.github.com/users/nshah81/gists{/gist_id}","starred_url":"https://api.github.com/users/nshah81/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/nshah81/subscriptions","organizations_url":"https://api.github.com/users/nshah81/orgs","repos_url":"https://api.github.com/users/nshah81/repos","events_url":"https://api.github.com/users/nshah81/events{/privacy}","received_events_url":"https://api.github.com/users/nshah81/received_events","type":"User","site_admin":false},"created_at":"2016-12-08T19:41:39Z","updated_at":"2016-12-08T19:41:39Z","body":"I am using the below configuration. similar to bmesuere..  I would like to know if there is a way i can search or find within this treemap. And highlight the results when found..\r\n\r\n\r\nfunction initTreeMap(data) {\r\n    //init TreeMap\r\n    var tm = new $jit.TM.Squarified({\r\n        //where to inject the visualization\r\n        injectInto: 'treeMap',\r\n        //parent box title heights\r\n        titleHeight: 15,\r\n        //enable animations\r\n        animate: animate,\r\n        //box offsets\r\n        offset: 0,\r\n        //constrained: true,\r\n        //levelsToShow: 1,\r\n        //Attach left and right click events\r\n        Events: {\r\n            enable: true,\r\n            onClick: function(node) {\r\n                if (node) {\r\n                    tm.enter(node);\r\n                    $(\"#jstree_search\").val(node.name);\r\n                    $(\"#jstree_search\").change();\r\n                }\r\n            },\r\n            onRightClick: function() {\r\n                tm.out();\r\n            }\r\n        },\r\n        duration: 1000,\r\n        //Enable tips\r\n        Tips: {\r\n            enable: true,\r\n            //add positioning offsets\r\n            offsetX: 20,\r\n            offsetY: 20,\r\n            //implement the onShow method to\r\n            //add content to the tooltip when a node\r\n            //is hovered\r\n            onShow: function(tip, node, isLeaf, domElement) {\r\n                var title = \"\";\r\n                if (node.data.count != 0)\r\n                title = node.name + \" (\" + node.data.count + \")\";\r\n                else\r\n                title = node.name;\r\n                var html = \"<div class=\\\"tip-title\\\">\" + title\r\n                + \"</div><div class=\\\"tip-text\\\"></div>\";\r\n                var data = node.data;\r\n                tip.innerHTML = html;\r\n            }\r\n        },\r\n\r\n        //Add the name of the node in the correponding label\r\n        //This method is called once, on label creation.\r\n        onCreateLabel: function(domElement, node) {\r\n            if (node.data.count != 0)\r\n            domElement.innerHTML = node.name + \" (\" + node.data.count + \")\";\r\n            else\r\n            domElement.innerHTML = node.name;\r\n            var style = domElement.style;\r\n            style.display = '';\r\n            style.border = '2px solid transparent';\r\n            domElement.onmouseover = function() {\r\n                style.border = '2px solid #9FD4FF';\r\n            };\r\n            domElement.onmouseout = function() {\r\n                style.border = '2px solid transparent';\r\n            };\r\n        }\r\n    });\r\n    tm.loadJSON(data);\r\n    tm.refresh();\r\n    //end\r\n}"}}
{"actor":{"display_login":"nshah81"}}