私はまったくnoob-tasticです(つまり、プログラミングの背景がほとんどなく、借用したコードを使ってダッシュボードをハックしようとしています)。私はもっと学びたいと思っています!D3.jsでツールチップ(またはラベル)を使用しているときにフォーマットに問題があります
私は現在、小さな問題であることを願っています。 私は...
をボストックのカレンダーの例のバージョンを使用しています...と私の望ましい結果に近づくために管理しているが、私はツールチップに問題を抱えている(?)、特に下の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)を戻したいと考えています。
現在、「RWF」が現れるが、私はd.Daily_total(第2カラム)を使用したときに結果が「RWFは不定」と返しています。 "RwF" + dを使用すると、日付(最初の列の値)で "RwF"が取得されます。
これを達成する正しい方法を理解してもらえますか?
これは地方自治体の収入からのデータであり、一日あたりの回収額を一度に表示できるようにしたいと考えています。私は実際の収集量(日付ではない)をマウスオーバー時に表示したい。
ありがとうございました!
ありがとうをお試しください。私はそれが近づくのを助けているように感じる...しかし、私は.csvファイル(すなわち504,000)からストレートな値を得ていない、私は処理された値(すなわち0.4191477477901931)を得ている。私はこれが何とか以前に設定されたドメイン範囲(0、1)内から来ていると仮定します。 – Devin
あなたが送ったリンクをたどるのに時間を費やす必要があります。ありがとうございました! – Devin