1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/xieshaoping-GoJS

Клонировать/Скачать
Внести вклад в разработку кода
Синхронизировать код
Отмена
Подсказка: Поскольку Git не поддерживает пустые директории, создание директории приведёт к созданию пустого файла .keep.
Loading...
README.md

GoJS — библиотека JavaScript и TypeScript для создания и манипулирования диаграммами, графиками и графами.

npm открытые вопросы последний коммит скачивания Подписаться на Twitter

Просмотреть примеры GoJSНачало работы с GoJSGoJS — это гибкая библиотека, которая может использоваться для создания различных видов интерактивных диаграмм, включая визуализацию данных, графические инструменты и редакторы графов. Есть примеры для схемы потока, организационной схемы, процесса бизнеса BPMN, лент, диаграмм временной шкалы, диаграмм состояний, канбан, сетевых диаграмм, диаграмм ума, диаграмм Санкера, генеалогических деревьев и диаграмм генограммы, диаграмм рыба-кость, планировщиков помещений, диаграмм UML, деревьев решений, диаграмм PERT, диаграмм Gantt и сотен других. GoJS включает несколько встроенных макетов, в том числе макет дерева, силовое направление, радиальный и слоевой макет направленного графа, а также множество примеров пользовательских макетов.GoJS отображается с использованием элемента HTML Canvas (с экспортом в форматы SVG или изображений). GoJS может работать в веб-браузере или серверной части приложений на Node или Puppeteer. Диаграммы GoJS поддерживаются моделями, с сохранением и загрузкой данных обычно через JSON.Пример диаграммы GoJS

Дополнительная информация о 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
``````Диаграмма выше и модельный код создают следующий граф.
Пользователь теперь может щелкнуть по узлам или связям для их выбора, скопировать и вставить их, перемещать, удалять, прокручивать, панорамировать и масштабировать с помощью мыши или пальцев.
```![<img width="200" height="200" src="https://gojs.net/latest/assets/images/screenshots/minimal.png">](https://gojs.net/latest/samples/minimal.html)

*Щелкните по изображению, чтобы просмотреть интерактивную диаграмму 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 )

Вы можете оставить комментарий после Вход в систему

Введение

GoJS, a JavaScript Library for HTML Diagrams Развернуть Свернуть
Отмена

Обновления

Пока нет обновлений

Участники

все

Недавние действия

Загрузить больше
Больше нет результатов для загрузки
1
https://api.gitlife.ru/oschina-mirror/xieshaoping-GoJS.git
git@api.gitlife.ru:oschina-mirror/xieshaoping-GoJS.git
oschina-mirror
xieshaoping-GoJS
xieshaoping-GoJS
master