加载外部JSON后，D3不会附加元素

Question

所以我一直试图解决这个问题，但不知何故D3不会将infix = scan.nextLine();元素附加到SVG。

我创建了一个函数totalpoints，并在我想要它添加SVG的元素之后调用它。这一切都很好，但它不会将任何元素附加到SVG ..

g

这是JSFiddle。

Answer 1

有（至少）两个问题：

无数据

在d3.json中，您未在任何地方使用加载的data。

你应该有类似的东西：

var bar = chart.selectAll("g")
    .data(data)
    .enter()
    ...

d3通过将视觉元素与数据进行匹配来进行显示，从它的角度来看，你没有给它任何。

仅限组元素

唯一添加的元素是css组。它们本身并不显示任何东西。

Answer 2

问题很简单。最初的JSON是

{"section":"Totale punten voor","points":"1791"}

将[]置于其周围是有效的，例如

[{"section":"Totale punten voor","points":"1791"}]

出现g元素。