Событие MouseOver не запускается в svg - области клипа в Chrome?

Question

Я использую d3 для создания линейной диаграммы с круговыми точками ... Просто попытался выяснить это http://bl.ocks.org/bobmonteverde/2070123 ... В Chrome события mouseover и mouseout не запускаются в некоторых точках круга, тогда как он отлично работает в firefox и safari .. .

var pointPaths = wrap.select('.point-paths').selectAll('path') 
     .data(voronoi); 
    pointPaths.enter().append('path') 
     .attr('class', function(d,i) { return 'path-' + i; }) 
    pointPaths.exit().remove(); 
    pointPaths 
     .attr('clip-path', function(d) { return 'url(#clip-' + id + '-' + d.series + '-' + d.point + ')'; }) 

     .attr('d', function(d) { return 'M' + d.data.join(',') + 'Z'; }) 
     .on('mouseenter', function(d,i) { 
     console.log("MouseOver:---",d, "i ==== ",i); 
     wrap.select('.line-' + d.series + ' .point-' + d.point) 
      .classed('hover', true); 
     }) 
     .on('mouseleave', function(d) { 
     // console.log("mouseOut:---",d); 
     wrap.select('.line-' + d.series + ' .point-' + d.point) 
      .classed('hover', false); 
     }); 

здесь скрипка http://jsfiddle.net/vVEDG/1/

Почему события наведения мыши не обжигают при х точках 13,15,17,19 ???

Любые предложения ???

Я с помощью Chrome 26.0.1410.65

Answer 1

Из того, что я мог бы сказать, играя с jsFiddle, я думаю, что проблема связана с координатами pointPaths. У них есть координаты, такие как отрицательные и положительные 1000000. У меня были проблемы с хром, давая ему огромные числа, подобные этим, поскольку координаты для какого-то элемента будут отбрасывать вещи. Я пытался заставить его использовать 1000 и -1000 для этих координат, а события mouseover работали над некоторыми из плохих pointPath. Я не публиковал скрипку, потому что он также перепутал много других вещей, я дам вам понять, как изменить свой код, чтобы изменить эти координаты на что-то более разумное и посмотреть, что произойдет.