Изменения документа Диаграммы Схемы Графики

Редактировал(а) Coluns 31.03.2023

От версии 1.1
отредактировано hrapitan
на 11.03.2023
Изменить комментарий: К данной версии нет комментариев
К версии 3.1
отредактировано hrapitan
на 11.03.2023
Изменить комментарий: К данной версии нет комментариев

Сводка

Подробности

Свойства страницы
Содержимое
... ... @@ -1,0 +1,38 @@
1 +{{box cssClass="floatinginfobox" title="**Содержание:**"}}
2 +{{toc start="2"/}}
3 +{{/box}}
4 +
5 +
6 +== Возможности платформы ==
7 +
8 +Платформа XWiki предоставляет богатый инструментарий для работы с разнообразными диаграммами, схемами и графиками. При этом у нас есть возможность рисовать их в графическом редакторе, визуализировать на основе данных, либо использовать языки построения диаграмм. Все эти фичи реализованы с помощью специальных расширений и макросов.
9 +
10 +На данный момент наша платформа имеет следующие расширения для работы с диаграммами, схемами и графиками:
11 +
12 +* **Diagram (draw.io)** — приложение, позволяющее рисовать диаграммы и схемы непосредственно в XWiki, используя визуальный графический редактор;
13 +* **PlantUML** — макрос, позволяющий отображать диаграммы и схемы, описанные языком UML;
14 +* **График (Chart) **— расширение, позволяющее строить всевозможные графики и диаграммы на основе табличных данных.
15 +
16 +Рассмотрим все эти инструменты по порядку.
17 +
18 +
19 +== Отрисовка диаграмм в визуальном редакторе draw.io ==
20 +
21 +Расширение "**Diagram**"  позволяет рисовать диаграммы и схемы непосредственно в XWiki, используя визуальный редактор draw.io. Несколько вводных о нем дано в [[статье "В XWiki можно легко создавать диаграммы">>doc:Stati.Metodiki-primeneniia-XWiki.V-XWiki-mozhno-legko-sozdavat-diagrammy.WebHome]], рассмотрим его здесь немного подробнее.
22 +
23 +Принцип работы с данным расширением таков: в определенную нами для размещения диаграммы позицию статьи вставляем макрос "**Diagram**", используя окно выбора макросов, как показано на рисунке:
24 +
25 +
26 +[[image:2023-02-18_11-16-47.png||height="423" width="900"]]
27 +
28 +
29 +В поле "**Reference**" макроса необходимо задать обозначение будущей диаграммы, оно будет использовано для создания дочерней страницы с диаграммой. В данном примере мы использовали обозначение "(% style="color:#16a085" %)**//Diagram 1//**(%%)".
30 +
31 +То же самое можно сделать, перейдя с помощью кнопки [[image:2021-09-24_100802.png]] "**Источник**" в режим разметки и вставив код макроса:
32 +
33 +(% bis_skin_checked="1" class="box" %)
34 +(((
35 +~{~{diagram reference="Diagram 1"/}}
36 +)))
37 +
38 +В обоих случаях после сохранения страницы в выбранном нами месте статьи появляется кнопка "**Create diagram**", при нажатии которой автоматически создается дочерняя вики-страница с обозначением, заданным для ссылки в макросе (в нашем примере "(% style="color:#16a085" %)**//Diagram 1//**(%%)").
2021-09-24_100802.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.hp
Размер
... ... @@ -1,0 +1,1 @@
1 +235 bytes
Содержимое
2023-02-18_11-16-47.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.hp
Размер
... ... @@ -1,0 +1,1 @@
1 +108.8 KB
Содержимое