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:

Enter image details here

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

Popular posts from this blog

c - Mpirun hangs when mpi send and recieve is put in a loop -

python - Apply coupon to a customer's subscription based on non-stripe related actions on the site -

java - Unable to get JDBC connection in Spring application to MySQL -