Ищу графическую библиотеку javascript (лучше реагировать)

Я давно ищу графическую библиотеку, которая поддерживает, после того, как я попробовал vis.js, echarts, recharts и т. д.

Требование к проекту:

  • сворачиваемое дерево по щелчку узла
  • события на узлах/ребрах
  • метка / всплывающая подсказка на ребре и узле

Улучшенная поддержка реагирования и рендеринга HTML-компонентов в виде узлов и ребер.

Вы когда-нибудь находили решение? Теперь я начинаю кодировать React Native и хотел бы такую ​​вещь :-)

Ответы (2)

Как вы, наверное, уже знаете, многие считают D3JS лучшей библиотекой построения диаграмм JS из существующих — просто посмотрите отличные примеры .

Погуглив collapsible D3JSнашел несколько хитов, так что похоже, что это можно сделать. У меня нет времени искать точные детали реализации, поэтому, пожалуйста, погуглите и исследуйте это самостоятельно.

См., например, https://stackoverflow.com/questions/30496291/how-to-create-d3-js-collapsible-force-layout-with-non-tree-data .

И это демо .

Вот ваш ответ, но вы должны сделать кодирование :-)

Я уже много гуглю. если нет другого выбора, поэтому мы можем просто использовать d3. спасибо
Если это так, пожалуйста, примите ответ - не потому, что мне нужны баллы, а потому, что это поможет другим, кто прочитает этот вопрос в будущем. Если вы думаете, что это не поможет, то не принимайте; Я не буду возражать и буду продолжать помогать вам в будущем :-)
Я просто хочу немного подождать. Спасибо
Это совершенно нормально - кто-то может предложить лучшее предложение. Если они этого не сделают через неделю или около того, то, если вы примете это, это поможет другим, кто прочитает это в будущем. Я просто объясняю, потому что вы новичок. Кроме того, вполне приемлемо опубликовать ответ на свой вопрос и принять его, потому что это также поможет другим.

Я предлагаю попробовать библиотеку Syncfusion React Diagram .

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

образец: https://xvk22yvl4.codesandbox.io/ Источник: https://codesandbox.io/s/xvk22yvl4

В этом примере я создал событие щелчка для узла, когда вы щелкаете узел, отображается предупреждающее сообщение. Полную документацию по API см. здесь

Другие связанные ссылки:

Демонстрация всплывающей подсказки , UG для создания этикеток с использованием аннотаций

Примечание: я работаю в Syncfusion.