相关疑难解决方法(0)

d3.js:将数据从父节点传递到子节点onclick事件

我正在使用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)

javascript d3.js

3
推荐指数
1
解决办法
9185
查看次数

标签 统计

d3.js ×1

javascript ×1