visualization - D3.js with hyperlinks in tooltips. -

-

i've followed tool tip example here data visualizations book , hoped create d3.js graph utilises hyperlinked content in tooltips.

i able add hyperlinks @fernoftheandes jsfiddle version of visualisation. hyperlinked version here.

but more real world example of scatterplot hyperlinked tooltips not working. seem hrefs being added dom correctly, preventing links being selected.

this how tooltip looks after cursor hovers on 1 of points in scatterplot:

<div id="tooltip_svg_01" style="opacity: 1; left: 532.874px; top: 168px;">   <p><strong>important label heading</strong></p>   <p><span id="value_tt_01">0.11318094,79</span></p>   <p><a id="link_tt_01" href="https://en.wikipedia.org/wiki/2">0.11318094,79</a></p> </div>

is there kind of event handling capturing click on url missing?

the reason in styles:

this line problem not allows mouse events.

pointer-events: none;

your code:

    #tooltip_svg_01 {         position: absolute;         width: 200px;         height: auto;         padding: 10px;         background-color: white;         -webkit-border-radius: 10px;         -moz-border-radius: 10px;         border-radius: 10px;         -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);         -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);         box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);         pointer-events: none; //this line problem     }

working code:

    #tooltip_svg_01 {         position: absolute;         width: 200px;         height: auto;         padding: 10px;         background-color: white;         -webkit-border-radius: 10px;         -moz-border-radius: 10px;         border-radius: 10px;         -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);         -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);         box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.4);     }

working code here

hope helps!


Comments

Post a Comment

Popular posts from this blog

how to insert data php javascript mysql with multiple array session 2 -

-
i have method method discussed , successful data entered 1 when more 1 can not database this programs my php form : <form class="form-horizontal" id="form-produk"> <div class="control-group" > <label class="control-label" for="kelas">kategori</label> <div class="controls"> <select class='form-control' name='id_kategori'> <?php $tampil=mysql_query("select * kategori order nama_kategori"); if ($id_kat==0){ echo "<option value=0 selected>- pilih kategori -</option>"; } while($w=mysql_fetch_array($tampil)){ if ($id_kat==$w[id_kategori]){ echo "<option value=$w[id_kategori] selected>$w[nama_kategori]</option>"; } else{ echo "<option value=$w[id_kategori]>$...
Read more

multithreading - Exception in Application constructor -

-
i wanna write snake game javafx , there exception don't know , want know how fix it. ( know it's not complete yet ) and want know , class extends application ( start override ) main in other programs? see , here not static void main bc didn't need, if want add main shoud do? it's exeption... exception in application constructor exception in thread "main" java.lang.nosuchmethodexception: main_snake.main([ljava.lang.string;) @ java.lang.class.getmethod(class.java:1819) @ com.intellij.rt.execution.application.appmain.main(appmain.java:125) and code : import javafx.animation.animationtimer; import javafx.application.application; import javafx.event.eventhandler; import javafx.scene.scene; import javafx.scene.canvas.canvas; import javafx.scene.canvas.graphicscontext; import javafx.scene.input.keyevent; import javafx.scene.layout.borderpane; import javafx.scene.paint.color; import javafx.stage.stage; import java.util.arraylist; /** * creat...
Read more

windows - CertCreateCertificateContext returns CRYPT_E_ASN1_BADTAG / 8009310b -

-
i realize similar post others (e.g. this one ), there details missing posts might significant case. to start with, here's simplified program: #include "stdafx.h" #include <windows.h> #include <wincrypt.h> int _tmain(int argc, _tchar* argv[]) { // usage: certextract certpath char keyfile[] = "c:\\certificates\\public.crt"; byte lp[65536]; security_attributes sa; handle hkeyfile; dword bytes; pccert_context certcontext; sa.nlength = sizeof(sa); sa.lpsecuritydescriptor = null; sa.binherithandle = false; hkeyfile = createfile(keyfile, generic_read, file_share_read, &sa, open_existing, file_attribute_normal, null); if (hkeyfile) { if (readfile(hkeyfile, lp, getfilesize(hkeyfile, null), &bytes, null) && bytes > 0) { certcontext = certcreatecertificatecontext(x509_asn_encoding, lp, bytes); if (certcontext) { printf("yay...
Read more