D3显示系列数据的片段

Question

我正在寻找有关如何在D3.js中解决以下图表的建议：

对于显示的7系列，我有以下格式的数据

╔══════════════════════╗
║ Learning Disability  ║
╠══════════════════════╣
║ AgeBand | Percentage ║
║ 0-4     | 0.02       ║
║ 5-9     | 0.01       ║
║ 10-14   | 0.015      ║
║ ...     | ...        ║
║ 75+     | 75+        ║
╚══════════════════════╝

我希望滑块能够捕捉到16'年龄段'，并在slideEnd上转换每个系列栏。因此，一次只显示一个年龄段的7个系列值。

仅从一系列值中显示1个段并将每个系列分成它自己的栏的最简单方法是什么？

Answer 1

  

仅显示一系列值中的1个段

系列是数组，因此给出：

var x1 = ['data1', 30, 200, 100, 6, 65]

使用concat获取一个值加上标签。例如：

var x1_segment = [].concat(x1[0],x1[2]) // [ "data1", 200 ]

  

将每个系列分成它自己的栏

svg.selectAll("rect").enter();

svg.append("rect").data(x1_segment).attr("x", transformX).attr("y", 0);

svg.selectAll("rect").attr("width", "20");

<强>参考

• Data visualization, Part 2: Use D3 component layouts