我正在使用d3制作堆积条形图.
由于上一个问题,我使用parentNode .__ data __.key将父节点关联的数据绑定到子节点.
数据是一个数组,每个条形图有一个对象(例如"喜欢").然后每个对象包含一个值数组,每个条形驱动单个矩形:
data = [{
key = 'likes', values = [
{key = 'blue-frog', value = 1},
{key = 'goodbye', value = 2}
]
}, {
key = 'dislikes, values = [
{key = 'blue-frog', value = 3},
{key = 'goodbye', value = 4}
]
}]
Run Code Online (Sandbox Code Playgroud)
该图表工作正常,因此将父度量数据绑定到子svg属性:
// Create canvas
bars = svg.append("g");
// Create individual bars, and append data
// 'likes' are bound to first bar, 'dislikes' to second
bar = bars.selectAll(".bar")
.data(data) …Run Code Online (Sandbox Code Playgroud)