SVG元素被截断

Question

查看此DEMO

当鼠标悬停在X轴的起点或终点时，标记图上位置的红点（分别从左侧或右侧）被切除。

有什么办法可以避免这种情况？

Answer 1

尝试使用clipPath选项。

bb.generate({
    ...,
    clipPath: false
});

编辑：

• 如果您不需要设置y轴的最小值/最大值，将按预期工作
• 如果需要设置y轴的最小值/最大值，则需要进行一些自定义。
  如下添加onafterinit选项，它将按预期工作。

onafterinit: function() {
    this.mainArea.node().parentNode
        .setAttribute("clip-path",
            this.getClipPath.bind({config:{clipPath:true}})(this.clipId)
        );
}