Question

我正在尝试使用d3.js框架绘制一条线。但由于某些原因，我不断收到一个我无法理解的错误。

有人在这帮助我吗？这是我得到的错误：

d3.min.js：1错误：属性d：预期数量

这是我的代码：

window.onload = function(){


  var data = [100, 110, 140, 130, 80, 75, 120, 130, 100];

  var w = 500;
  var h = 300;
  var margin_x = 32;
  var margin_y = 20;

  y = d3.scale.linear().domain([0, d3.max(data)]).range([0+margin_y, h-margin_y]);
  x = d3.scale.linear().domain([0, data.length]).range(0+margin_x, w-margin_x);

  var svg = d3.select("body").append("svg:svg").attr("width", w).attr("height", h);
  var g = svg.append("svg:g").attr("transform", "translate(0," + h + ")");

  var line = d3.svg.line()
  .x(function(d,i) { return x(i); })
  .y(function(d) { return -1 * y(d); });

  g.append("svg:path").attr("d", line(data)); 

}

Live Demo here

Answer 1

您错过了range上x的括号：它应该是：

x = d3.scale...range([0+margin_x, w-margin_x]);

d3.js - 路径绘图抛出错误

1 个答案: