I'在D3.js中使用工具提示(或标签?)时,我在格式化方面遇到了问题

I'm having trouble with formatting when using tooltips (or labels?) in D3.js

本文关键字:方面 问题 遇到 标签 格式化 D3 js 工具提示      更新时间:2023-09-26

我完全没有经验(也就是说,我几乎没有编程背景,正试图用借来的代码破解一个仪表板),但我渴望了解更多!

我目前正为一个小问题而烦恼。我使用的是Bostock日历示例的一个版本。。。

日历

并设法接近我想要的结果,但我在工具提示(?)上遇到了问题,特别是下面rect.filter下的第二个.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'}); 
});

数据是从.csv导入的,有两个"列"(我使用的是excel),标题分别为"Date1"answers"Daily_total"。

当你把鼠标移到某一天时,我想返回"RwF"+第二列的值(金额或Daily_total)。

像这个

目前,"RwF"显示,但当我使用d.Daily_total(第二列)时,结果返回为"RwFundefined"。如果我使用"RwF"+d,那么我得到带日期的"RwF"(第一列的值)。

有人能帮我理解实现这一目标的正确方法吗?

这是来自地方政府税收的数据,我希望能够一目了然地显示每天的税收金额。我想在鼠标悬停时显示实际收款金额(而不是日期)。

谢谢!

变量"data"包含JSON数据形式的csv数据。看看它是如何工作的。

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

尝试

'RwF ' + data[d]

而不是

'RwF ' + d