文章/答案/技术大牛

发布

社区首页 >问答首页 >D3显示序列数据段

问D3显示序列数据段
EN

Stack Overflow用户

提问于 2015-07-23 18:39:17

回答 1查看 69关注 0票数 0

我正在寻求关于如何在D3.js中处理以下图表的建议：

我有以下格式的7个系列的数据

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

我希望滑块捕捉到16个‘年龄带’，并在slideEnd过渡每个系列酒吧。因此，一次只显示一个年龄段的7个序列值。

如果只显示一系列值中的一个段，并将每个系列划分为它自己的条形图，那么最直接的方法是什么？

javascript

d3.js

svg

回答 1

Stack Overflow用户

发布于 2015-07-25 07:17:22

仅显示一系列值中的一段

序列是数组，因此给定：

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

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/31585049

复制

相似问题

问D3显示序列数据段
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问D3显示序列数据段EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问D3显示序列数据段
EN