无法在酒吧上获得阴影

Question

我正在制作条形图，我需要让图表看起来像这样：

这是我试过的：

.attr("id", "drop-shadow")
.attr("height", "130%");

但它不起作用。

jsfiddle

我该如何解决这个问题？

Answer 1

试试这个fiddle。

图表看起来和图像一样。

但我没有添加投影。

在创建条形图之前添加ellipse，其效果与上述相同。

svg.selectAll(".ellipse")
.data(data)
.enter()
.append("ellipse")
.attr("cx", function(d) { return x(d.age) + 30; })
.attr("cy", function(d) { return y(0); })
.attr("rx", 35)
.attr("ry", 5)
.style("fill", function(d) { return d.color2; })

这很简单。您需要在创建条形之前创建椭圆。

当我们定位椭圆时，它就像一个投影。

很抱歉，我没有时间来获得酒吧的对比色。但是你当然可以修改它。

如果你想用阴影做这件事。

这是一个link，它需要一个javascript库来处理svg元素的阴影。

希望这有帮助。