是否可以向rect元素添加背景填充?我使用rect元素来创建条形图。每个rect元素都有一个宽度和填充集。我想用一种颜色填充剩余的宽度。
See here: http://codepen.io/jesouhaite08/pen/fhvzA
谢谢!
答案 0 :(得分:3)
为了获得最大的灵活性,我会使用其他矩形来绘制条形图的背景,请查看分叉示例:http://codepen.io/anon/pen/JnlAE
// Bars
svg_fun.selectAll('rect.background')
.data(dataset)
.enter()
.append('rect')
.classed('background', true)
.attr('y', function(d, i) {return i * h_line; })
.attr('x', 0)
.attr('height', 20)
.attr('width', function(d) {return scale_x(max_x);} )
.attr('fill', 'red')
svg_fun.selectAll('rect.bar')
.data(dataset)
.enter()
.append('rect')
.classed('bar', true)
.attr('y', function(d, i) {return i * h_line; })
.attr('x', 0)
.attr('height', 20)
.attr('width', function(d) {return scale_x(d);} )
.attr('fill', 'teal')