d3.js折线图没有渲染股票线图

时间:2013-09-07 19:53:38

标签: javascript d3.js

我正在使用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);

1 个答案:

答案 0 :(得分:4)

你已经在第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)); });