無法獲得下拉陰影

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

希望這會有所幫助。