過渡誤差，同時使用d3js

Question

您好我使用此代碼爲使酒吧/ stacked_bar圖表

bars.append('rect') 
    .attr('height', axes.ver.scale.rangeBand()) 
    .attr('width', 0) 
    .attr('x', function (d, i) { var value = axes.hor.scale(csum[i]); csum[i] += d.value; return value; }) 
    .attr('y', function (d) {return axes.ver.scale(d.name); }) 
    .classed('cr_' + uv.util.formatClassName(self.categories[idx]), true) 
    .style('stroke', 'none') 
    .style('fill', color) 
    .on('mouseover', uv.effects.bar.mouseover(self, idx)) 
    .on('mouseout', uv.effects.bar.mouseout(self, idx)) 
    .transition() 
     .duration(uv.config.effects.duration) 
     .delay(idx * uv.config.effects.duration) 
     .attr('width', function (d,i) { return axes.hor.scale(csum[i]) - axes.hor.scale(csum[i]-d.value); }); 

我具有附着的鼠標懸停事件而改變上懸停的顏色。 我的問題是，當我的圖表正在呈現並且同時我將鼠標懸停在當前呈現欄上時，它無法正確呈現。 我已經鏈接了屏幕截圖，錯誤在於差距來臨。

http://db.tt/ng1akZDy

請告訴我，我在做什麼錯。

Answer 1

不知道問題是否完全一樣。 嘗試添加到你的CSS或線條樣式：

pointer-events: all; 

https://stackoverflow.com/a/9210392/731179