Динамически обновление тримапы элементов с D3.js

Question

Я экспериментировал с реализации TreeMap с использованием D3.js и в следующем примере: http://mbostock.github.com/d3/ex/treemap.html

До сих пор он работает довольно хорошо.

Моя проблема в том, что если я хочу обновить элементы treemap, используя переход для совершенно нового набора данных, я не могу этого сделать. Я могу сделать это, только если я повторно инициализирую объект treemap.

Давайте рассмотрим простой пример:

DataSet1: PROD1, PROD2, PROD3 ... DATASET2: LOC1, LOC2, LOC3, LOC4 ...

Я хотел бы иметь анимации перехода когда переключение между двумя наборами данных, которые имеют различное количество элементов и разные размеры (значения). Опять же, я мог сделать это, просто удалив элементы родительского DIV id ($ ("# treemap_1"). Empty();), а затем воссоздал весь treemap с новым набором данных.

Извините, я очень новичок в D3.js, так что, возможно, это нечто очевидное. :)

Спасибо & наилучшими пожеланиями, Бенс

Answer 1

Это может быть такой же, как my question.

The problem is with the treemap being sticky.