我有一个美国人口密度分布图,我想在地图上添加一个图例,显示量化范围的值。我看到过其他类似主题的问题,但似乎无法让它在我的特定情况下工作。我知道我需要包括颜色范围或颜色域,但不确定这是否是正确的方法。目前只有一个要素显示在图例中,可能所有的图例要素都堆叠在一起了。如何确认并如何修复呢?
//Define default colorbrewer scheme
var colorSchemeSelect = "Greens";
var colorScheme = colorbrewer[colorSchemeSelect];
//define default number of quantiles
var quantiles = 5;
//Define quantile scale to sort data values into buckets of color
var color = d3.scale.quantile()
.range(colorScheme[quantiles]);
d3.csv(data, function (data) {
color.domain([
d3.min(data, function (d) {
return d.value;
}),
d3.max(data, function (d
return d.value
})
]);
//legend
var legend = svg.selectAll('rect')
.data(color.domain().reverse())
.enter()
.append('rect')
.attr("x", width - 780)
.attr("y", function(d, i) {
return i * 20;
})
.attr("width", 10)
.attr("height", 10)
.style("fill", color);