В древовидной карте d3plus я могу использовать viz.ui, чтобы позволить пользователю изменять, какое поле определяет размер блока.Смотрите следующую кодовую ручку.Нажмите «Num Files» или «Размер в байтах», чтобы увидеть его в действии:
https://codepen.io/kwein1/pen/JzomWy
Вот код ключа:
.ui([
{
"method": "size",
Пока все хорошо,Но я также хочу обновить, скажем, поле заголовка HTML, чтобы показать (больше, чем в нижнем колонтитуле древовидной карты) изменение, которое я только что сделал.Следующий небольшой вариант вышеупомянутого делает это, но теперь я не знаю, как заставить щелчок фактически изменить поле, которое определяет размер блока, как вышеупомянутый код (Снова, нажмите "Num Files" или "Size in Bytes""):
https://codepen.io/kwein1/pen/oVXRwe
Вот модифицированный код:
.ui([
{
"method" : function(x){
console.log("x " + x);
document.getElementById("headerDrillDown").innerHTML = HeaderText + " by " + x;
},
Я не знаю, как заставить" метод "делать обе вещи.Если есть другой метод, который я должен использовать, это было бы хорошо.Мне нужно знать, когда «Размер» (поле? Метод?) Изменился, например, между NumFiles и SumSizes.