有人可以解释D3.js中datum()和data()之间的区别吗?我看到两个都被使用了,我不确定你为什么要选择一个而不是另一个?
如何在多线系列图表中添加图例?我试过,但没有得到任何传说.
块在这里:
当各种系列收敛到同一点时,有一个缺陷,如零.所有标签将相互重叠.传统的传说将不再适用于这些标签.
我尝试添加这个
var legend = svg.append("g")
.attr("class", "legend")
.attr("height", 100)
.attr("width", 100)
.attr('transform', 'translate(-20,50)');
legend.selectAll('rect')
.datum(function(d) { return {name: d.name, value: d.values[d.values.length - 1]}; })
.append("rect")
.attr("x", width)
.attr("y", function(d, i){ return i * 20;})
.attr("width", 10)
.attr("height", 10)
.style("fill", function(d) {
return color.domain(d3.keys(d[0]).filter(function(key) { return key !== "day"; }));
});
legend.selectAll('text')
.datum(function(d) { return {name: d.name, value: d.values[d.values.length - 1]}; })
.append("text")
.attr("x", width)
.attr("y", function(d, i){ return i * 20 + 9;})
.text(function(d) {
return …
Run Code Online (Sandbox Code Playgroud)