2016-07-14 13 views

答えて

1

凡例用のツールチップを作成する組み込みの方法はありませんが、描画後にすべての図形を選択し、それぞれのツールチップを作成することができます。たとえば:

 // code creating one tooltip 
div var div = d3.select("body").append("div") 
    .attr("class", "tooltip")    
    .style("opacity", 0); 

// code that adds an event listener to each rectangle in your legend: 
myLegend.shapes.selectAll("rect") 
      .on("mouseover", function(d) {   
      div.transition()   
       .duration(200)  
       .style("opacity", .9);  
      div .html(formatTime(d.date) + "<br/>" + d.close) 
       .style("left", (d3.event.pageX) + "px")  
       .style("top", (d3.event.pageY - 28) + "px");  
      })     
     .on("mouseout", function(d) {  
      div.transition()   
       .duration(500)  
       .style("opacity", 0); 
     }); 

legend.shapesためのディンプル参照:例のlegend.shapes

コードは主にマイク・ボストックの例からコピーされます。simple d3 tooltips

関連する問題