Я давно ищу графическую библиотеку, которая поддерживает, после того, как я попробовал vis.js, echarts, recharts и т. д.
Требование к проекту:
Улучшенная поддержка реагирования и рендеринга HTML-компонентов в виде узлов и ребер.
Как вы, наверное, уже знаете, многие считают D3JS лучшей библиотекой построения диаграмм JS из существующих — просто посмотрите отличные примеры .
Погуглив collapsible D3JS
нашел несколько хитов, так что похоже, что это можно сделать. У меня нет времени искать точные детали реализации, поэтому, пожалуйста, погуглите и исследуйте это самостоятельно.
См., например, https://stackoverflow.com/questions/30496291/how-to-create-d3-js-collapsible-force-layout-with-non-tree-data .
И это демо .
Вот ваш ответ, но вы должны сделать кодирование :-)
Я предлагаю попробовать библиотеку Syncfusion React Diagram .
Я создал образец со сворачиваемыми узлами с меткой, всплывающей подсказкой и уведомлением с использованием событий диаграммы. Найдите образец по ссылке ниже.
образец: https://xvk22yvl4.codesandbox.io/ Источник: https://codesandbox.io/s/xvk22yvl4
В этом примере я создал событие щелчка для узла, когда вы щелкаете узел, отображается предупреждающее сообщение. Полную документацию по API см. здесь
Другие связанные ссылки:
Демонстрация всплывающей подсказки , UG для создания этикеток с использованием аннотаций
Примечание: я работаю в Syncfusion.
Мог говорит восстановить Монику