0

我更新了我的代码以使用 D3 中的缩放方法。但是，从那时起我的条形图将不会显示。这个问题的原因是什么？

var dataset = [ ];

    for (var i = 0; i < 14; i++) {var newNumber = Math.round(Math.random() * 70);
    dataset.push(newNumber);}

var svg = d3.select("body")
            .append("svg")
            .attr("width", w)
            .attr("height", h);

    var widthScale = d3.scale.linear()
                    .domain([0,d3.max(dataset)])
                    .range([0,w]);

        svg.selectAll("rect")
            .data(dataset)
            .enter()
            .append("rect")
            .attr("x", 3)
            .attr("y", function (d,i) {return i* 36;})
            .attr("width", function(d) {return widthScale;})
            .attr("height", h / dataset.length - barPadding)
            .attr("fill", function(d) {return "rgb(0, 0, " + (d * 10) + ")";});
4

1 回答 1

1

D3 比例只是将值从给定输入域（您的数据值，0 到最大值）转换为指定输出范围（图表宽度）的函数。因此，您必须将比例应用于您的数据，例如widthScale( d ). 现在，您正在将widthScale函数分配给width您的属性，rect而不是输出值。

请参阅工作小提琴：http: //jsfiddle.net/S92u4/

于 2013-10-09T07:05:01.957 回答