Библиотека D3.js-3-Углубленное понимание обновления, входа, выхода в D3

Обновление, вход, выход из функций

Обновить, войти, выйтиЭто три очень важных и ключевых понятия в D3.js. Они имеют дело с тремя основными вещами:Количество наборов данных и количество выборокпроблема соответствия.

Проиллюстрируйте отношения между тремя

Пояснение к картинке выше:

1. Зеленый: если заданные данные данных и данные в узлах узлов равны, выполняется операция обновления данных.
2. Синий: если количество элементов в массиве превышает количество элементов в узле, продолжайтеupdateиenterдействовать
3. Оранжевый: если в заданных данных недостаточно данных, тоupdateиexitдействовать

объяснение кода

update

1. число в данном массиве иDOMравны, тоupdateОперация, которая становится красной, обновляет данные.
2. нет метода ввода()Действия, которые становятся зелеными в

обновить и войти

1. Заданное количество элементов равно2, избыточныйDOMколичество элементов

2. выполнять одновременноupdate+enterдве операции

   • Красный:update

   • зеленый:enter

обновить, выйти

1. Количество элементов в данном массиве меньше, чем количество элементов в DOM (2)
2. Выполнить операцию update+exit одновременно
   • красный: обновление
   • синий: выход

$\color{red}{Часть выхода обычно выполняет операцию удаления и удаляет ее напрямую}$

? Технический выпуск 3 | Все о визуализации данных...