无法获得下拉阴影

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元素的投影。

希望这会有所帮助。