Слияние кода завершено, страница обновится автоматически
GoJS — библиотека JavaScript и TypeScript для создания и манипулирования диаграммами, графиками и графами.
Просмотреть примеры GoJSНачало работы с GoJSGoJS — это гибкая библиотека, которая может использоваться для создания различных видов интерактивных диаграмм, включая визуализацию данных, графические инструменты и редакторы графов. Есть примеры для схемы потока, организационной схемы, процесса бизнеса BPMN, лент, диаграмм временной шкалы, диаграмм состояний, канбан, сетевых диаграмм, диаграмм ума, диаграмм Санкера, генеалогических деревьев и диаграмм генограммы, диаграмм рыба-кость, планировщиков помещений, диаграмм UML, деревьев решений, диаграмм PERT, диаграмм Gantt и сотен других. GoJS включает несколько встроенных макетов, в том числе макет дерева, силовое направление, радиальный и слоевой макет направленного графа, а также множество примеров пользовательских макетов.GoJS отображается с использованием элемента HTML Canvas (с экспортом в форматы SVG или изображений). GoJS может работать в веб-браузере или серверной части приложений на Node или Puppeteer. Диаграммы GoJS поддерживаются моделями, с сохранением и загрузкой данных обычно через JSON.
Дополнительная информация о GoJS доступна на сайте gojs.net.
Этот репозиторий включает в себя саму библиотеку, а также исходные коды всех примеров, расширений и документации. Вы можете использовать репозиторий GitHub для быстрого поиска по всем исходным кодам.
Графики создаются путём создания одного или нескольких шаблонов, с привязкой необходимых свойств, и добавлением модели данных.
<script src="go.js"></script>
<script id="code">
function init() {
var $ = go.GraphObject.make; // для краткости при определении шаблонов
var myDiagram =
$(go.Diagram, "myDiagramDiv", // создание Diagram для элемента HTML DIV
{ // включение возможности отмены действий и повтора
"undoManager.isEnabled": true
});
// определение простого шаблона узла
myDiagram.nodeTemplate =
$(go.Node, "Auto", // Shape будет располагаться вокруг TextBlock
$(go.Shape, "RoundedRectangle",
{ strokeWidth: 0, fill: "white" }, // стандартное заполнение белым цветом
// Shape.fill привязывается к Node.data.color
new go.Binding("fill", "color")),
$(go.TextBlock,
{ margin: 8 }, // некоторое пространство вокруг текста
// TextBlock.text привязывается к Node.data.key
new go.Binding("text", "key"))
);
// но использует стандартный шаблон связи, не устанавливая Diagram.linkTemplate
``````Диаграмма выше и модельный код создают следующий граф.
Пользователь теперь может щелкнуть по узлам или связям для их выбора, скопировать и вставить их, перемещать, удалять, прокручивать, панорамировать и масштабировать с помощью мыши или пальцев.
```
*Щелкните по изображению, чтобы просмотреть интерактивную диаграмму GoJS*
<h2>Поддержка</h2>
Компания Northwoods Software предоставляет один месяц бесплатной поддержки для разработчиков GoJS, чтобы помочь вам приступить к работе над проектом.
Чтобы найти ответы на ваши вопросы, прочитайте информацию на официальном <a href="https://forum.nwoods.com/c/gojs">форуме GoJS</a>.
Заполнение тем на форуме — самый быстрый и эффективный способ получить поддержку для любых вопросов, связанных с GoJS. Пожалуйста, зарегистрируйтесь для получения поддержки на сайте компании Northwoods Software <a href="https://www.nwoods.com/products/register.html">здесь</a> до того, как создадите тему на форуме.
По всем нотехническим вопросам, таким как вопросы продаж или лицензирования, пожалуйста, обращайтесь на страницу контактов компании Northwoods Software <a href="https://www.nwoods.com/contact.html">здесь</a>.
<h2>Лицензия</h2>
Лицензионное соглашение для GoJS <a href="https://gojs.net/latest/license.html">здесь</a>.
Авторское право © 2023 Northwoods Software Corporation
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Опубликовать ( 0 )