Javascript d3 xScale正在为折线图中的值写出NaN

在尝试将缩放应用于简单折线图时，我有一个基本的d3问题。我看了类似的问题，但没有找到任何匹配项

当注释掉硬编码的x时

/.x（函数（d）{return d.game}）

并切换到使用

.x（函数（d）{return xScale（d.game）；}）

，我得到“Error:Invalid value for attribute d=“MNaN，126.82926829268293LNaN，121.95121951219512…”读控制台时，我的xScale似乎得到了NaN

奇怪的是yScale工作正常。我附加了JSFIDLE，其中包含我正在使用的数据集数组，以便您可以看到结构和我的xScale变量

JS Fiddle在这里：

---

有人知道我的xScale有什么问题吗？

您在

范围
数组中遗漏了括号
[]
。请使用：

var xScale = d3.scale.linear()
                .domain([
                  0,
                  30
                ])
                .range([0,w]);

更好的是，使其具有可扩展性和可维护性，并使用：

var xScale = d3.scale.linear()
                .domain([
                  d3.min(ds, function(d) {return d.game;}),
                  d3.max(ds, function(d) {return d.game;})
                ])
                .range([0,w]);

哦，哇，我觉得好傻。我知道这一定很琐碎。谢谢你的帮助！我现在加入你的角色