mise à jour des éléments Dynamiquement TreeMap avec d3.js

Question

J'expérimente la mise en œuvre d'un treemap en utilisant d3.js et l'exemple suivant: http://mbostock.github.com/d3/ex/treemap.html

Jusqu'à présent, cela fonctionne assez bien.

Mon problème est que si je voudrais rafraîchir les éléments treemap en utilisant la transition pour un tout nouveau jeu de données, je ne peux pas le faire. Je ne peux le faire que si je réinitialise l'objet Treemap.

Prenons un exemple simple:

DataSet1: PROD1, PROD2, PROD3 ... Dataset2: LOC1, LOC2, NP3, LOC4 ...

Je voudrais avoir une animation de transition lorsque commutation entre les deux ensembles de données, qui ont un nombre différent d'éléments et de tailles différentes (valeurs). Encore une fois, je ne pouvais le faire qu'en supprimant fondamentalement les éléments de l'ID DIV parent ($ ("# treemap_1"). Empty();) et ensuite recréer l'ensemble du treemap avec le nouvel ensemble de données.

Désolé, je suis très nouveau sur D3.js, alors peut-être que c'est quelque chose d'évident. :)

Merci & Cordialement, Bence

Answer 1

Il pourrait être le même que my question.

The problem is with the treemap being sticky.