d3.jsボタン付きの棒グラフのツールチップを

Question

私は表示したいものを分類するためにボタンを使って4つの棒グラフを作ろうとしています。あなたが私のcodeで見ることができるように、すべては一般的に素晴らしい作品です。 しかし、今では[ここ] [2]のツールチップを追加しようとしましたが、各グラフでデータが更新されないことに気付きました。誰も私はそれを行うことができるか知っていますか？しかし、それは動作しませんでしたし、正直に言うと、私は選択肢が、この中で正しく実装する方法を理解していなかった

var tip = d3.tip() 
      .attr('class', 'd3-tip') 
      .offset([-10, 0]) 
      .html(function(d) {                    

      if(d3.select("#propertyCategory")) 
         return "No: <strong>" + d.propertyName + "</strong> foram registrados <strong>" + d.vacant + "</strong>"; 
               }) 

：私はそのような正しいボタンを選択するために、VARの先端に実装するのif-else文に考えました私はd3.jsのなかでnoobieなので、修正するために何ができるのか分かりません。

Answer 1

は、あなたが今、年が変更されたときに、これまで

var selected = "ano2009";//set it to default value 

変数

を持って選択した変数を変更することができますように。このよう

d3.select("#vacant") 
    .on("click", function() { 
     selected = "vacant"; 
     //Update scale domain 

：このよう

d3.select("#totalUnits") 
     .on("click", function() { 
      selected = "totalUnits"; 

...ので、あなたが行うことができ、先端機能で今すぐ

上：

var tip = d3.tip() 
                .attr('class', 'd3-tip') 
                .offset([-10, 0]) 
                .html(function(d) { 

//note d[selected] will select the clicked year data.             
    return "No: <strong>" + d.propertyName + "</strong> foram registrados <strong>" + d[selected] + "</strong>"; 
                }) 

作業コードhere