d3.js - d3 call zoom on graph with mouseover on items -


i have call zoom attached graph , works fine.

when attach mouseover event item ( rectangle) in chart mouseover fires zoom isn't called.

i'm trying have mouse-rollover make tooltip appear , 'mouse-click , drag' make chart pan on y-axis only.

is there easy way these work or should customize events in example?

http://bl.ocks.org/stepheneb/1182434

bar = g.selectall(".bar")             .data(currentdata)             .enter().append('rect')             .attr("class", "horizontal bar")             .attr("x", 0)          .attr("height", ordinalscale.rangeband())             .attr("y", function(d) {             return ordinalscale(d.key);         })             .attr("width", 0)             .on("mouseover", function(d) {              tooltip = d3.select("body").append("div")                 .attr("class", "tooltip")                 .style("opacity", 0);               tooltip.style("left", (d3.event.pagex - 80) + "px")                 .style("top", (d3.event.pagey) + "px")                 .append('p')                 .text(d.key)                 .attr('class', 'tootip-key')                 .append('p')                 .text(d.value)                 .attr('class', 'tooltip-value');              tooltip.transition()                 .duration(200)                 .style("opacity", 0.9);          })              .on("mouseout", function(d) {              tooltip.remove();           });

and zoom behavior attached so.

g.append("g")         .attr("class", "y axis")         .call(yaxis)         .attr("pointer-events", "all")         .call(d3.behavior.zoom().on("zoom", zoom));

thanks!

the easiest way tooltip append svg:title element elements want have tooltip. rest taken care of browser. if need fancier, have @ tipsy.

to limit panning y axis, ignore translation x value in handler function (zoom in case).


Comments

Post a Comment

Popular posts from this blog

ios - iPhone/iPad different view orientations in different views , and apple approval process -

i force app's home screen portrait , other views landscape. apple rejects app if this? if not , how force first screen launch in portrait mode? , force other screens launch in landscape. this not duplicate question search every possible answer in website. i force app's home screen portrait , other views landscape. apple rejects app if this? no apple not reject app this. have lot of apps doesn't support orientation. forcing on 1 screen won't cause app reject. if not , how force first screen launch in portrait mode? , force other screens launch in landscape. can on write : -(nsuinteger)supportedinterfaceorientations; function.
Read more

java Extracting Zip file -

i'm looking way extract zip file. far have tried java.util.zip , org.apache.commons.compress, both gave corrupted output. basically, input zip file contain 1 single .doc file. java.util.zip: output corrupted. org.apache.commons.compress: output blank file, 2 mb size. so far commercial software winrar work perfectly. there java library make use of this? this method using java.util library: public void extractzipnative(file filezip) { zipinputstream zis; stringbuilder sb; try { zis = new zipinputstream(new fileinputstream(filezip)); zipentry ze = zis.getnextentry(); byte[] buffer = new byte[(int) ze.getsize()]; fileoutputstream fos = new fileoutputstream(this.tempfolderpath+ze.getname()); int len; while ((len=zis.read(buffer))>0) { fos.write(buffer); } fos.flush(); fos.close(); } catch (filenotfoundexception e) { // todo auto-generated catch block ...
Read more

C# WinForm - loading screen -

i ask how make loading screen (just picture or something) appears while program being loaded, , disappears when program has finished loading. in fancier versions, have seen process bar (%) displayed. how can have that, , how calculate % show on it? i know there form_load() event, not see form_loaded() event, or % property / attribute anywhere. all need create 1 form splash screen , show before main start showing landing page , close splash once landing page loaded. class splashform { //delegate cross thread call close private delegate void closedelegate(); //the type of form displayed splash screen. private static splashform splashform; static public void showsplashscreen() { // make sure launched once. if (splashform != null) return; thread thread = new thread(new threadstart(splashform.showform)); thread.isbackground = true; thread.setapartmentstate(apartmentstate.sta); thread....
Read more