SORU
29 Mayıs 2012, Salı


D3: Daire seçili veri göster

Bir dağılım komplo olduğum bir veri kümesi var. Dairelerin biri seçili olduğunda veri (x, y değerleri, belki de daha fazla gibi) ile açılan etmek istiyorum. Kullanarak çalıştı:

vis.selectAll("circle")
   .data(datafiltered).enter().append("svg:circle")
   .attr("cx", function(d) { return x(d.x);})
   .attr("cy", function(d) {return y(d.y)})
   .attr("fill", "red").attr("r", 15)
   .on("mouseover", function() {
        d3.select(this).enter().append("text")
            .text(function(d) {return d.x;})
            .attr("x", function(d) {return x(d.x);})
            .attr("y", function (d) {return y(d.y);}); });

Girmek için ne hakkında daha fazla bilgi verici olması gerekiyor sanıyorum?

CEVAP
29 Mayıs 2012, Salı


Ben ne istediğinizi bir ipucu olduğunu varsayalım. Bunu yapmanın en kolay yolu tarayıcı araç ipucu gösteren ilgilenecek olarak her daire için svg:title bir öğe eklemek, ve mousehandler gerek yok. Kod gibi bir şey olur

vis.selectAll("circle")
   .data(datafiltered).enter().append("svg:circle")
   ...
   .append("svg:title")
   .text(function(d) { return d.x; });

Eğer meraklısı ipuçlarını istiyorsanız, örneğin içkili kullanabilirsiniz. Bir örnek için here bkz.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Brandon McCrary

    Brandon McCr

    15 Ocak 2012
  • Eric Enge

    Eric Enge

    2 Kasım 2009
  • ŠĩŗĜŕôŵåɭȍҭҭ

    ŠĩŗĜŕô

    29 Kasım 2009