使用 d3js 时出现转换错误答案

【问题标题】：Transition error while using d3js使用 d3js 时出现转换错误
【发布时间】：2013-06-25 22:33:12
【问题描述】：

您好，我正在使用此代码制作条形图/堆叠条形图

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

请告诉我我做错了什么。

【问题讨论】：

过渡完成后附加事件处理程序怎么样？

标签： javascript d3.js

【解决方案1】：

不知道问题是否完全相同。尝试将其添加到您的 CSS 或线条样式中：

pointer-events: all;

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

【讨论】：