单击外部SVG容器

Question

我正在使用d3生成一些图形，并导致某些点部分落在svg元素之外。

使用Safari时出现问题，它既不检测悬停也不检测点击事件。 这里是一个小提琴，显示发生了什么： http://jsfiddle.net/3a5AN/72/

在铬它工作正常，但在Safari，它甚至不触发cursor:pointer;

Answer 1

我也有类似的问题，作为建议我不得不设置在SVG浏览器的宽度和高度，宽度

这是我的工作方式

let width = window.innerWidth; 
let height = window.innerHeight; 

const svg = $window.d3.select('#svgContainer') 
    .append('svg') 
    .style('width', width + 'px') 
    .style('height', height + 'px'); 

然后当然是一个监听器添加到浏览器的大小调整为更新调整大小的宽度和高度。