d3比例:x域名阈值达到

时间:2015-09-18 20:07:52

标签: d3.js

我对框架相当新,我根本找不到一个矩阵的简单示例,该矩阵使用比例来计算矩形的x和y。这是我想要实现的一个例子:

w = 400
h = 600

     | column1 | column2 |
--------------------------
row1 | value1  | value2  |
row2 | value3  | value4  | 
row3 | value5  | value6  |

我的数据集看起来像这样:

dataset = [
[row1-col1, row1,col2],
[row2-col1, row2,col2],
[row3-col1, row3,col2],
]

我使用 d3.merge 合并它,以便我追加rects。 NB:结果数组为6个元素,而不是2个组。

.selectAll('rect')
.data(d3.merge(dataset))
.enter()
.append('rect')

问题:

我使用什么尺度,以便根据宽度包装两个列?也就是说,当宽度 == 2时 i 传递给 xscale 时,我想要以下行为。:

xscale(1) == 0, xscale(2) == 1
xscale(3) == 0, xscale(4) == 1
xscale(5) == 0, xscale(6) == 1

所以,[1,3,5] -> 0[2,4,5] -> 1

我也认为这也适用于y量表?如果不可能,我会感到非常惊讶,但是我一直在寻找,我找不到一个展示这种功能的简单例子。我不想在达到行限制时手动换行(使用%)。如果这不是标准库的一部分,则应包括它。我想知道有多少人手动实现这个。

感谢您的帮助

0 个答案:

没有答案