I'在D3.js中使用工具提示(或标签?)时,我在格式化方面遇到了问题
I'm having trouble with formatting when using tooltips (or labels?) in D3.js
我完全没有经验(也就是说,我几乎没有编程背景,正试图用借来的代码破解一个仪表板),但我渴望了解更多!
我目前正为一个小问题而烦恼。我使用的是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
相关文章:
- 在指令控制器中使用$attrs时出现问题
- 将PHP变量传递给jQuery时遇到问题
- Canvas Html5绘图应用程序,移动画布会导致重大问题
- 参数变量出现ngTable指令问题
- 剑道网格jQuery动画()问题
- 我的jQuery插件参数没有正确启动,遇到了问题
- Phonegap-(安卓/iphone)多个图像的图像库出现问题
- AngularJS-控制器和工厂-我在include/inject函数方面哪里出了问题
- jQuery 在文本路径 svg 元素方面存在问题
- 我做了一个Javascript滑块和I'我在CSS方面遇到了一些严重的问题
- 功能和优化方面的问题
- 在实现效果方面有问题,比如facebook右侧边栏滚动条
- JavaScript search()方法在两个方面等同于零,从而导致问题
- 在for循环数组检查和JSON变量方面遇到问题
- 在Json解析和在数据库中保存值方面存在问题
- 在单选按钮传递价值方面存在问题
- I'在D3.js中使用工具提示(或标签?)时,我在格式化方面遇到了问题
- 在javascript sort()顺序方面遇到问题
- 关于在函数语法方面使用一个优于另一个的好处的问题
- 在“嘶嘶声”和“非”选择器方面遇到问题