单击SVG容器外部

Question

我使用d3生成一些图表，结果是一些点部分落在svg元素之外。

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

在Chrome中它可以正常工作，但在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');

然后当然添加一个监听器调整大小以更新调整大小时的宽度和高度。