使用 d3.js 将带有选择输入的折线图转换为条形图

Question

这应该很容易，但我被卡住了。

我想将带有选择输入（以选择不同的数据进行绘制）的折线图转换为条形图。

我总是能够用静态数据做到这一点，但在这种情况下我被卡住了。

作为一行的sn-p是这样的：

svg.append("path")
   .datum(dataFiltered[0].values)
   .attr("class", "line")
   .attr("width", 0)
   .attr("d", valueline);

我试图应用这样的东西：

svg.append("rect")
   .attr("class", "bar")
   .attr("x", function(d) { return x(d.mes); })
   .attr("width", x.range())
    .attr("y", function(d) { return y(d.jornalistas); })
   .attr("height", function(d) { return height - y(d.jornalistas); });

它不起作用。 （我从JSBin的代码中取出了这个sn-p）

有人可以帮我解决这个问题吗？

Here is the code in JSBin

Answer 1

您需要将您在最后一行末尾使用的函数从

d3.select('.line').datum(dataFiltered[0].values).attr('d', line)

到

d3.select('.line').datum(dataFiltered[0].values).attr('d', valueline)

因为你还没有在任何地方定义函数line！