javascript - d3.js 折线图不呈现股票折线图

Question

我正在使用 PHP 开发一个存储股票数据的爱好项目网站。数据将输出为像这样的花哨折线图http://bl.ocks.org/mbostock/3883245 我曾尝试搜索类似的教程，但没有任何成功。

这是代码：http: //jsfiddle.net/Vartox/5Ur3j/1/

这一点我完全不确定。提前致谢

x.domain(d3.extent(dataset, function(d) { return parseDate(d.date); }));
y.domain(d3.extent(dataset, function(d) { return parseFloat(d.close); }));


svg.append("g")
    .attr("class", "x axis")
    .attr("transform", "translate(0," + height + ")")
    .call(xAxis);

svg.append("g")
    .attr("class", "y axis")
    .call(yAxis)
    .append("text")
    .attr("transform", "rotate(-90)")
    .attr("y", 6)
    .attr("dy", ".71em")
    .style("text-anchor", "end")
    .text("Price ($)");

svg.append("path")
    .datum(dataset)
    .attr("class", "line")
    .attr("d", line);

Answer 1

你在第 29-30 行混淆了你的天平——

var line = d3.svg.line()
  .x(function(d) { return x(parseFloat(d.date)); })
  .y(function(d) { return y(parseDate(d.close)); });

应该

var line = d3.svg.line()
  .x(function(d) { return x(parseDate(d.date)); })
  .y(function(d) { return y(parseFloat(d.close)); });