1

我有以下结构的 JSON 列表：

[
    {'uid': 4, 'x': -1.2354657, 'y': -0.992893}
    {'uid': 26, 'x': 0.2783682, 'y': -0.1931}
    ...
    {'uid': 26, 'x': -0.278356, 'y': 0.082983}
]

我正在尝试将svg:circle元素附加到此列表中的和值svg指定的点。AJAX 请求正常工作，但我不断收到.xyError: Invalid value for <circle> attribute cy="[object Object]"

相关的javascript代码：

var svg = d3.select('#d3')
        .append('svg')
        .append('g')
            .attr('class', 'main')

    ...

var x = d3.scale.linear()
        .domain(d3.extent(data, function (d) {return d.x;}))
        .range([0, width]);

var y = d3.scale.linear()
        .domain(d3.extent(data, function (d) {return d.y;}))
        .range([height, 0]);
    ...

 svg.selectAll('.bloom')
        .data(data)
    .enter()
    .append('g')
        .attr('class', 'bloom')
    .append('circle')
        .attr('class', 'bloom-circle')
        .attr('cx', function (d) {return x(d.x);})
        .attr('cy', function (d) {return y(d.y);})
        .attr('r', 10)
        .style('fill', 'purple')
        .style('stroke', 'white')
        .style('stroke-width', '5px');

我真的不知道发生了什么，因为d3.scale.linear应该总是在它的range. 有谁知道为什么会这样？

4

1 回答 1

0

当范围没有很好地指定时，比例尺返回一个空对象。例如，以下两个标度{}在为任何值调用时都将返回：

d3.scale.linear.domain([0, 1]).range([0, undefined])
d3.scale.linear.domain([0, 1]).range([0, NaN])

因此，在执行时是否已height明确width定义？

于 2013-02-11T09:38:35.390 回答