Построить графически-ориентированный визуальный редактор на jquery - PullRequest
2 голосов
/ 02 февраля 2010

Нам нужно построить визуальный редактор на основе javascript (на jQuery), который должен редактировать некоторую модель, представленную графом Объекты должны быть представлены как узлы и будут иметь свойства. Узлы (и / или их свойства) должны быть связаны с другими узлами. Узлы должны быть перетаскиваемыми.

Существуют ли учебные пособия и плагины jQuery, которые могут облегчить разработку?

Спасибо.

UPD: возможно перетаскиваемые узлы могут быть реализованы с помощью jQueryUI. Основная проблема заключается в реализации ссылок.

UPD2: похоже, jsgraphics решает проблему каким-то образом. Но это очень изобретательно и никак не связано с jQuery.

Ответы [ 3 ]

1 голос
/ 02 февраля 2010

Забавно ... мы только что реализовали jQuery Плагин , цель которого - облегчить реализацию графических редакторов Тем не менее, он официально еще не опубликован. (кстати, мы используем SVG - это был семестровый проект).

Вы можете попробовать здесь . (Нет поддержки IE (SVG, как уже упоминалось), и вид бета). Вы можете перетащить узлы из поля «Форма» на холст. Чтобы нарисовать соединители, нажмите на желтый шлем в верхнем меню и перетащите соединитель между двумя узлами.

Если это соответствует вашим требованиям, не стесняйтесь взглянуть на источники .

0 голосов
/ 12 марта 2013

Мы использовали бесплатную версию FusionCharts за последний год для базовых графиков, и теперь нам требуется редактируемый график.

Я только что натолкнулся на эту демонстрацию (отрегулируйте размеры гистограммы)

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

Они называют это Визуальное редактирование данных .

Похоже, нам нужно перейти на полную версию, но это, безусловно, то, что мы ищем, и я подумал, что кому-то еще, кто захочет встроить библиотечное решение, будет интересно.

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

0 голосов
/ 22 февраля 2010

Эта страница содержит несколько ссылок на различные Graph-библиотеки, включая JQuery-библиотеки

.
...