我有一个名为的函数，其中参数是一个对象数组。它应该在调用时创建一个条形图。但是，当我在js文件或<Script&>中调用它时，什么也不会发生；标记，在这里我确保在定义它之后调用它，并且脚本位于body标记的末尾。但当我在Chrome的控制台中调用它时，它确实会运行。我应该怎么做才能确保它在js文件中运行？

我定义如下所示

null

function barChart(city) {

  d3.select("body")
    .select("svg")
    .selectAll("rect")
    .data(city)
    .enter()
    .append("rect")
    .attr("fill", "red")
    .attr("x", function(d, i) {
      return 5 * i + 3 * i;
    })
    .attr("width", 3)
    .attr("height", 0)
    .attr("y", 500)
    .transition()
    .duration(1000)
    .attr("y", function(d) {
      return 500 - d.a;
    })
    .attr("height", function(d) {
      return d.b;
    });
}

null