由于x函数,d3.js行没有绘制

时间:2014-02-21 02:09:30

标签: javascript d3.js

所以我有这段代码 -

var xScale = d3.time.scale().domain([minDate, maxDate]).range([0,width]);
        var yScale = d3.scale.linear().domain([maxVal["quantity-sold"], minVal["quantity-sold"]]).range([0,height]);

        var line = d3.svg.line()
        .interpolate("basis")
        .x(function(d) { 
            console.log("D");
            console.log(d);
            return 1})
        .y(function(d) { return yScale(d["quantity-sold"])});

console.log(“D”)似乎没有运行,也没有显示任何点。

为什么?

这就是我尝试添加行

的方法
    svg.append("path")
        .attr("class","line")
        .attr("d", function(d){ console.log(d)});

1 个答案:

答案 0 :(得分:0)

如示例所示:

你必须致电

  
    

svg.append(“path”)。datum(dataInArrayFormat)....(其余的电话)

  

使用.data(或.datum,它应该用于静态数据,因为不计算输入/退出)会轻轻地将你的点数组送入d3.svg.line函数。

基本上,您没有提供任何数据,因此,不会显示console.logs。这不是x函数的错误。