Question

关闭我的上一个问题，我遇到了工具提示的问题。我需要有人向我解释这个概念，或者将我重定向到正确的位置。

我需要工具提示来显示总和（或者只是现在条形图的值。这是一个有效的JSFiddle：arc

这是我的提示定义的地方（我正在使用d3.tip）：

$ cd ant && ant
BUILD FAILED
/shared/jfreechart-1.0.19-demo/ant/build.xml:66: Warning: Could not find file
   /shared/jfreechart-1.0.19-demo/source/demo/orsoncharts/iStock_000003105870Small.jpg to copy.

Answer 1

对您的代码发出提醒：

return "<span style='color:red'>" + d3.format("$,")(d.values.reduce(function(sum, d){
            alert (sum);   <====
            return sum + d.amount;
        })) + "</span>";

你会看到字符串连接......到目前为止，你还没有总结。

改为：

return "<span style='color:red'>" + d3.format('$,') (d.values.reduce(function(sum, d){
            return sum + d.amount;
        },0)) + "</span>";

你错过了“0”的初始值，如果sum有垃圾，你就用它做一个字符串连接。显然是NaN。

您可以检查Array.prototype.reduce（）sintaxis here

新jsFiddle：http://jsfiddle.net/shv2Loa0/

现在它的工作。希望这个帮助

根据个别总和正确创建工具提示

1 个答案: