javascript - 带有填充面积图的 D3.js 工具提示

标签 javascript d3.js

我一直在尝试许多不同的示例(以及 SO 的答案),以获得在填充面积图上工作的工具提示,但一直在努力想出一个可行的解决方案。

我的工具提示基于此:http://bl.ocks.org/mbostock/3902569实际图表来自另一个实现得非常相似的示例。我一直试图弄清楚为什么它不起作用,但我收到多个像这样的控制台错误

Uncaught TypeError: Cannot read property 'date' of undefined 

从这行代码

d = x0 - d0.date > d1.date - x0 ? d1 : d0;

这是我的代码 http://bl.ocks.org/Frozenfire92/80ba8c6f844cf48708c4

最佳答案

问题是 d3.bisect 假设数据已排序,但您的数据未排序。因此无法在数据数组中找到正确的元素。解决方法很简单——对数据进行排序:

data.sort(function(a, b) { return a.date - b.date; });

完整演示 here .

关于javascript - 带有填充面积图的 D3.js 工具提示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23834299/

相关文章:

javascript - JS按三种排序方式对数组进行排序

javascript - 单击太快时脚本滞后 [jQuery]

javascript - D3JS 在时间尺度上堆叠条形图

javascript - d3.js 多个圆环图

javascript 属性不可枚举仍然由 for... 在中找到

javascript - javascript中的唯一对象标识符

javascript - d3 javascript 单击一行以更改行颜色 - 更改所有行

javascript - d3.js 无法解析 json 数据

javascript - 文本区域不显示在嵌套的 svg 中

javascript - Javascript 正则表达式中的分组是如何工作的?