Как заменить несколько кругов узлов в силовой компоновке функциональными тумблерами JavaScript? - PullRequest
0 голосов
/ 10 апреля 2019

Я пытаюсь смоделировать сложные конфигурации жгутов / кабелей с использованием силовой направленности. У большинства жгутов есть множество концов разъемов, которые выглядят так же, как типичная компоновка с направлением силы.

Я экспериментировал с примерами того, как заменить круги прямоугольниками или простыми изображениями. Я ищу что-то более сложное, например, двухпозиционный тумблер для локального отслеживания изменений конфигурации (сопряженных или разветвленных).

Я выбрал кнопку ввода ниже, потому что оказалось, что отдельные кнопки могут быть специально названы для состояний отслеживания.

Я пытался объединить это:

<input class="toggleable-button" name="" type="checkbox" checked value="0" />

  var node = svg.append("g")
    .attr("toggleable-button", "nodes")
    .selectAll("g")
    .data(graph.nodes)
    .enter().append("g")

Большинство узлов отображаются кружком, или текст не нужно менять, но состояния переключателей будут меняться во время интеграции оборудования. Я хотел бы в конечном итоге отслеживать эти состояния переключателя набора в файле JSON, чтобы их можно было использовать для инициализации начала следующего сеанса изменений. Сначала мне нужно понять, как заменить определенные узлы.

...