d3剪辑路径不适用于填充折线图

Posted 2023-02-25

【中文标题】d3剪辑路径不适用于填充折线图

【英文标题】：d3 clip-path not working for filled line graph

【发布时间】：2013-08-27 22:06:07

【问题描述】：

我有一个实心线图，我正在尝试设置一个剪辑路径。现在填充区域下降到图形边框下方并进入轴符号。

这是我的代码的 JS 小提琴：http://jsfiddle.net/HgP6D/6/

即使将剪辑路径设置为较小的值似乎也没有任何改变：

// Add the clip path.
g.append("clipPath")
.attr("id", "rect")
.append("rect")
.attr("width", 100)
.attr("height", 100)

有人知道吗？谢谢。

【参考方案1】：

我不知道剪辑路径，但这修复了该区域，因此它不会下降到 0 以下：

var area = d3.svg.area()
    .interpolate( "monotone" )
    .x(function(d,i)  return x(i); )
    .y0(-y(0))
    .y1(function(d)  return -y(d); )