Question

仍然与d3打成一片。

我尝试构建一个序数比例，其中域是一个对象数组。不知何故，rangeBands不能使用这种类型的数组。它适用于字符串或数字数组。任何人都可以解释原因吗？

var number_data = [1,2,3,4,5];

var string_data = ["1","2","3","4","5"]

var object_data = [{"test":"1" },{"test":"2"},{"test":"3"},{"test":"4"},{"test":"5"}]

console.log("+++ Array of Numbers +++")
var scale= d3.scale.ordinal()
                .domain(number_data)
                .rangeBands([0,100]);

number_data.forEach(function(d){
    console.log(scale(d));
});

console.log("+++ Array of Strings +++")
scale.domain(string_data);

string_data.forEach(function(d){
    console.log(scale(d));
});

console.log("+++ Array of Objects +++")
scale.domain(object_data);

object_data.forEach(function(d){
    console.log(scale(d));
});

http://jsfiddle.net/tgtrtv9e/

Answer 1

您不能使用序数比例的对象。在内部，从输入到输出的映射使用D3映射，其将键（即输入）强制转换为字符串。对于对象，所有对象的结果为"[object Object]"。也就是说，所有对象“看起来”与序数比例相同。

D3：序数比例不使用对象数组

1 个答案: