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

Сводка

• Свойства страницы (1 изменено, 0 добавлено, 0 удалено)
• Вложения (0 изменено, 2 добавлено, 0 удалено)
  • 2021-09-24_100802.png
  • 2023-02-18_11-16-47.png

Подробности

Свойства страницы

Содержимое

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

Содержимое