在界外溢出一圈

Question

我正在尝试绘制与系列右侧平行的对象。虽然我能够这样做，但他们正在被砍掉。我可以将对象附加到 svg，但它们不会保持它们的位置。需要帮助来解决这个问题。我不确定如何推送 "g".

我的fiddle： https://jsfiddle.net/sourabhtewari/xzsq4t1z/32/

这就是我在 c3js 的 OnRendered 中尝试的

d3.select('.c3-chart-lines')
        .append("circle")
        .attr("cx", path.getPointAtLength(len-1).x + 60)
        .attr("cy", path.getPointAtLength(len-1).y)
        .attr("r", "15px")
        .attr("fill", "red");

Answer 1

它们被剪掉了。

尝试删除具有 c3.chart class:

的元素上的 clip-path

  d3.selectAll(".c3-chart").attr("clip-path", null);

https://jsfiddle.net/xzsq4t1z/70/

这可能意味着您还会从剪辑边界中看到其他东西，但我快速浏览了一下什么都看不到

在界外溢出一圈

Overflow a circle outside the bounds

d3.js

c3.js