javascript - Unable to get drop-shadow on the bars -
I am working on a chart once and I need to get a chart that looks like this:
Here's what I've tried:
.attr ("id", "drop-shadow") .attr ("height", "130%"); But that does not work.
How do I fix this?
try it out.
The chart looks the same as the image.
But I did not add a drop shadow.
Added ellipse is being created earlier and gives the same effect as the above. svg.selectAll (". Alpes"). Data (Data). Center () .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;}) it is very simple
When we are in the oval position then it is a drop shadow Works like that.
Sorry I have no time to get a paradox, but you can definitely modify it.
If you want to do it with a drop shadow
There is a Javascript library required for drop shadow of an SVG element.
Hope it helps.
Comments
Post a Comment