使用d3.js

Question

这应该是一个非常简单的，但我被困住了。

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

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

作为一行工作的代码段是：

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中的代码中取出了这个片段）

有人可以帮助我吗？

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！