AngularJS D3 Treemap Directive

261 views
Skip to first unread message

Arman Didandeh

unread,
Feb 27, 2015, 5:04:10 PM2/27/15
to d3...@googlegroups.com
Hi folks,

I am trying to create a zoomable treemap directive out of Mike Bostock's example but for some weird reason, I am stuck with all the rects and texts jammed on top of one another.

So I decided to create it as a local single html file to see if I am changing something in the directive, but got the same result.

Here is a plunker with basically the same code:

http://plnkr.co/edit/ONsDhXnQ1joJcJpQvLWy?p=preview


As far as I could say after a simple debug, the x and y scales when called in the rect and text functions are the source of this problem, due to all the attributes of d being the same for different d's. This left me with only one option which is the layout function is the culprit. However I cannot find out why!

Your help would be very much appreciated.

Roger Espasa

unread,
Sep 30, 2015, 6:10:44 PM9/30/15
to d3-js
Arman, 

Did you solve the issue? I am having exactly the same problem...

Thanks,

roger.

El divendres, 27 febrer de 2015 23:04:10 UTC+1, Arman Didandeh va escriure:

Arman Didandeh

unread,
Sep 30, 2015, 6:15:23 PM9/30/15
to d3...@googlegroups.com
Hey Roger and thanks for reaching out.

No I tried for 2 days and then decided we have no time to waste because of a deadline, so ended up using a FoamTree.

I have to eventually go back to a genuine treemap, so if you could solve the issue, PLEASE do let me know.

Cheers,
Arman

--
You received this message because you are subscribed to a topic in the Google Groups "d3-js" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/d3-js/XHO3wdqPhVI/unsubscribe.
To unsubscribe from this group and all its topics, send an email to d3-js+un...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Reply all
Reply to author
Forward
0 new messages