Исходный код вики Диаграммы Схемы Графики
Последние авторы
| author | version | line-number | content |
|---|---|---|---|
| 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//**(%%)"). |