Описание тега dagre-d3

Dagre - это библиотека JavaScript, которая упрощает построение ориентированных графиков на стороне клиента. Библиотека dagre-d3 действует как интерфейс для dagre, обеспечивая фактический рендеринг с использованием D3.
0 ответов

Нарисуй ERM с Dagre-D3

Я пытаюсь создать ERM с Dagre-D3. Отношения должны отображаться непосредственно между атрибутами сущностей. (см. скриншот). Сгруппировав атрибуты в родительских узлах, я вполне готов, но некоторые алгоритмы в dagre graphlib разделяют узлы атрибутов,…
1 ответ

Проблема увеличения в dagre-d3 при использовании с vuejs2 с режимом просмотра

Я использую d3-dagre для рендеринга данных. Первоначально я могу представить данные без каких-либо проблем. Когда я пытаюсь обновить то же представление в режиме просмотра, оно обновляет данные, но все равно в консоли выдается ошибка для преобразова…
16 авг '17 в 12:37
0 ответов

dagre-d3: установить и визуализировать только один узел

Я очень новичок в dagre-d3. Я пытаюсь создать простую блок-схему. Есть два svg's <!-- which contains actual flow chart --> <svg id="svg-canvas" width=500 height=1000 style="float: left; border:1px solid red"> <g transform="translate(4…
18 июн '18 в 09:54
1 ответ

Добавить цвет к узлу dagre d3

Я создал древовидную структуру по ссылке Чтение файлов DOT в javascript/d3 Мне нужно заполнить узлы цветом. Данные дерева: Я пытался добавить [label="abcd" labelStyle="font: 300 14px" style=filled fillcolor=red] [label="abcd" style=filled color=red]…
19 ноя '15 в 12:40
0 ответов

Как изменить цвет дочерних узлов, нажав на родителя с помощью dagre-d3?

Я создаю генеалогическое дерево с помощью dagre-d3 и хочу изменить цвет дочерних узлов при нажатии на родительский узел. jsfiddle.net/moskwin68/tpj2q1m9/
16 фев '19 в 12:45
1 ответ

vuejs + dagre-d3 проблема всплывающей подсказки

Я пытаюсь интегрировать приведенный ниже график (dagre-d3) в мое приложение vuejs. http://www.samsarin.com/project/dagre-d3/latest/demo/hover.html Я успешно смог создать график внутри компонента vuejs. Но я не могу достичь функциональности всплывающ…
08 авг '17 в 15:01
0 ответов

Невозможно реализовать dagre-d3.js в пакете Julia

Я кодирую пакет Julia, который реализует d3.js и dagre-d3.js для отображения направленных ациклических графов. У меня есть пакет "D3Graphs.jl", где я печатаю скрипт на веб-странице. У меня есть следующее в моем коде Джулии: print(io, """<script s…
14 июл '17 в 17:02
2 ответа

dagre-d3 IE обходной путь для элемента SVG foreignObject?

Я студент кооператива и в настоящее время разрабатываю проект веб-страницы для моей команды. Сначала я решил использовать библиотеку dagre-d3 для построения графиков, и они отлично работают в Chrome. Затем я понимаю, что элемент ForeignObject в SVG …
11 дек '13 в 19:58
1 ответ

Как мне использовать команду 'make' для создания библиотеки графов dagre-d3?

В каталоге \projects я следовал инструкциям на странице dagre-d3 Github и набрал $ npm install dagre-d3, Затем я вошел в $ make команда согласно инструкциям по сборке. Ничего не случилось. Сообщение об ошибке make: ** No targets specified and no mak…
11 дек '13 в 03:20
2 ответа

Как добавить событие клика в ориентированный граф с помощью dagre d3.js(библиотека javascript)?

Я был в состоянии нарисовать ориентированный граф, используя Dagre. Однако теперь я хотел бы удалить узел / ребро при нажатии на него. Я могу использовать g.delEdge и g.delNode для удаления, но как мне узнать, что кто-то нажал на узел? Пожалуйста, п…
30 сен '14 в 08:01
1 ответ

d3 масштабирование по клику ctrl и колесику мыши, отключение браузера zoom

Я хочу, чтобы увеличить график Dagre-D3, нажав Ctrl и колесико мыши. Если я не нажимаю Ctrl, я хочу, чтобы прокрутка браузера была активна. Когда я хочу перемещать график, он должен работать без нажатия Ctrl. Является ли это возможным? Я сделал скри…
17 май '17 в 18:53
1 ответ

dagre-d3- сделать длинный текст для размещения внутри узла

В setNode мы также можем указать html. если я упомяну ширину и высоту, и если это длинный текст, он уходит. g.setNode(0, { labelType: "html", label: '<div style="color: red; width: 90px; height: 30px;">test data overlapping</div>', width…
17 июл '18 в 05:54
1 ответ

Динамическая генерация графиков с использованием dagre-d3.js

Я хочу создать график, который принимает входные данные из модели JSON. Я использую dagre-d3.js. Я могу генерировать узлы, а также могу соединять узлы статически. Метод graph.addEdge (null, "A", "B") соединяет два узла. Но я хочу создавать края дина…
16 апр '14 в 12:29
0 ответов

Dagre D3 пограничный переход

Краевой переход Dagre D3 нечетен. Если график переместился вправо, переход по краям начинает летать с правой нижней части экрана, а не с узла. Я думаю, это ошибка в Dagre D3. Любая идея, где искать, чтобы решить эту проблему?
08 дек '17 в 03:45
3 ответа

dagre-d3 js Zoom Подходит для всего содержимого

Я использую dagre-d3, который основан на d3.js. После рендеринга моего графика я хочу, чтобы он масштабировался, чтобы соответствовать всему содержимому, и он должен быть центрирован. Как вы можете видеть, я могу выровнять его по центру, но я не мог…
16 апр '16 в 17:13
2 ответа

Направленный ациклический граф с использованием d3.js без DOT

Я пытаюсь нарисовать ориентированный ациклический граф, используя d3.js. При поиске макета я наткнулся на Dagre, но, похоже, он бесполезен, поскольку я не хочу нигде использовать код, основанный на DOT. Если кто-нибудь знает о чистом Javascript-реше…
0 ответов

Перемещаться по кнопкам с помощью dagre d3

Начали изучать D3 и Dagre D3.Создали простой график на примере ETL. HTTPS "// github.com/dagrejs/dagre-d3/blob/master/demo/etl-status.html Я не могу понять, как добавить навигационные кнопки в dagre d3, как это происходит в vis js http://visjs.org/e…
06 авг '18 в 17:56
3 ответа

Край позиционирования в dagre-d3

Я использую dagre-d3 и создал этот примерный график. Можно ли избежать проблемы пересечения в образце, помеченном 1. Возможно, это возможно, чтобы отметить краевое соединение с нижней частью узла. Я не уверен, как добиться этой функциональности. Мож…
30 окт '15 в 10:37
1 ответ

Использование Dagre-D3 с Meteor

Я пытаюсь использовать Dagre-D3 для создания простого ориентированного графа, который добавляет узлы из текстового ввода. К сожалению, график просто отказывается рисовать.. и я думаю, что это потому, что мой "Nodes.find({}). ForEach(function (n) {..…
14 июн '16 в 00:16
1 ответ

Диаграмма не рендеринга - Dagre-d3

Я преобразовал эту демонстрацию Dagre-D3 в компонент React. Код, который я использовал, показан ниже: import React from 'react'; import * as d3 from "d3"; import * as dagreD3 from 'dagre-d3'; import * as dagre from "dagre"; export default class Kafk…
26 мар '18 в 18:20