D3.js D3-将背景填充添加到rect

是否可以向rect元素添加背景填充？我正在使用rect元素创建条形图。每个rect元素都有一个宽度和填充集。我想用颜色填充剩余的宽度

See here: http://codepen.io/jesouhaite08/pen/fhvzA

---

谢谢

为了获得最佳的灵活性，我会使用其他矩形来绘制条形图的背景，请查看分叉示例：

---

.attr（“填充”、“颜色”）

？我已经使用了填充。如果60%的矩形是用蓝色填充的，我想用另一种颜色填充剩下的40%。啊，对了——用一个带硬止点的a。嗯，这是唯一的方法吗？我试图避免这种情况，因为我在绘制矩形后动态创建填充颜色。你太棒了！谢谢

// 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')