如何在D3中设置yAxis量表。js，具有多个列的csv文件

Question

我一直在玩D3。js最近正在尝试用它制作一个小型地图应用程序。基本上，该应用程序将显示一幅世界地图，当鼠标悬停在一个国家上时，将在下面绘制多年来的碳排放折线图。

geojson文件和csv文件是分开的，这意味着我必须调用一个函数来搜索csv文件中的数据，同时触发mouseover事件，这并不难。

但问题是当我试图画折线图时。我不能使用y.domain（[0，d3.max（数据，函数（d）{返回d.fookey；}）]） 由于我的数据如下所示：

{1990: "4768137.761", 1991: "4826703.418", 1992: "4922195.765", 1993: "5029767.21", 1994: "5121559.554", 1995: "5156168.7", 1996: "5286046.506", 1997: "5419440.965", 1998: "5456092.63", 1999: "5531691.502", 2000: "5713560.034", 2001: "5601404.839", 2002: "5650949.676", 2003: "5681664.468", 2004: "5790765.052", 2005: "5826393.624", 2006: "5737615.554", 2007: "5828696.5", 2008: "5656838.878"，2009年：“5311840.184”，2010年：“5433056.536”，iso：“美国”}

是否有一种方法可以在每次触发mouseover事件时动态设置yAxis域？

代码在这里github链接在这里，所有内容都在索引中。html

现在，我已经用域（[010000]）的硬规则设置了yAxis，还有什么可以绕过它的吗？

提前感谢！

Answer 1

d3.csv("path/to/file.csv")
.row(function(d) { return {key: d.key, value: +d.value}; })
.get(function(error, rows) { console.log(rows); });

这段代码实际上起了作用。它允许我重建数据。

先前我的数据在csv文件中，如下所示

year country1 country2 country3 ...
1900 29292929 2324244  45446666
.
.
.
2010 3995959  9598858  43549599

因此

.行（函数（d）{返回{键：d.key，值：d.value}；}）

我可以选择要从csv文件中检索的键和值。为了我自己，我做了

get（函数（d）{返回{年份：d.year，值：d[iso]}）

这里的值是：d[iso]，“iso”是通过其他函数传递的字符串。这将最终为我提供一个javascript对象数组，如下所示

[{'value'：2232323，'年'：'2010'}……]

我认为这会让事情变得更好，因为对于我盘旋的每个国家，它会给我一系列相关数据。