2016-07-25 9 views
0

私はまったくnoob-tasticです(つまり、プログラミングの背景がほとんどなく、借用したコードを使ってダッシュボードをハックしようとしています)。私はもっ​​と学びたいと思っています!D3.jsでツールチップ(またはラベル)を使用しているときにフォーマットに問題があります

私は現在、小さな問題であることを願っています。 私は...

calendar

をボストックのカレンダーの例のバージョンを使用しています...と私の望ましい結果に近づくために管理しているが、私はツールチップに問題を抱えている(?)、特に下のrect.filterの下にある2番目の.attr。

d3.csv("BugeseraData.csv", function(error, csv) { 

    csv.forEach(function(d) { 
    d.Daily_total = parseInt(d.Daily_total); 
    }); 

var Daily_total_Max = d3.max(csv, function(d) { return d.Daily_total; }); 

    var data = d3.nest() 
    .key(function(d) { return d.Date1; }) 
    .rollup(function(d) { return Math.sqrt(d[0].Daily_total/Daily_total_Max); }) 
    .map(csv); 


    rect.filter(function(d) { return d in data; }) 
     .attr("fill", function(d) { return color(data[d]); }) 
     .attr("data-title", function(d) { return 'RwF ' +d }); 
    $("rect").tooltip({container: 'body', html: true, placement:'top'}); 
}); 

データは、それぞれ「日付1」と「Daily_total」と題し、(私はExcelを使用しています).csvファイルからインポートし、二つの「列」を持ってきました。

特定の日にマウスを動かすと、「RwF」+ 2番目の列の値(amountまたはDaily_total)を戻したいと考えています。

like this

現在、「RWF」が現れるが、私はd.Daily_total(第2カラム)を使用したときに結果が「RWFは不定」と返しています。 "RwF" + dを使用すると、日付(最初の列の値)で "RwF"が取得されます。

これを達成する正しい方法を理解してもらえますか?

これは地方自治体の収入からのデータであり、一日あたりの回収額を一度に表示できるようにしたいと考えています。私は実際の収集量(日付ではない)をマウスオーバー時に表示したい。

ありがとうございました!

答えて

0

変数 "data"には、JSONデータ形式のcsvデータが含まれています。どのように動作するか見てみましょう。

http://bl.ocks.org/phoebebright/raw/3176159

'RwF ' + data[d] 

代わりの

'RwF ' + d 
+0

ありがとうをお試しください。私はそれが近づくのを助けているように感じる...しかし、私は.csvファイル(すなわち504,000)からストレートな値を得ていない、私は処理された値(すなわち0.4191477477901931)を得ている。私はこれが何とか以前に設定されたドメイン範囲(0、1)内から来ていると仮定します。 – Devin

+0

あなたが送ったリンクをたどるのに時間を費やす必要があります。ありがとうございました! – Devin

関連する問題