Изменения документа Диаграммы Схемы Графики
Редактировал(а) Coluns 31.03.2023
Сводка
-
Свойства страницы (1 изменено, 0 добавлено, 0 удалено)
-
Вложения (2 изменено, 0 добавлено, 0 удалено)
Подробности
- Свойства страницы
-
- Содержимое
-
... ... @@ -237,10 +237,10 @@ 237 237 1*. xy_line_and_shape ([[линии в координатах и с точками в узлах>>attach:2023-02-19_17-13-11.png]]); 238 238 1*. xy_line3D ([[линии в координатах и с эффектом 3D>>attach:2023-02-19_17-13-48.png]]); 239 239 1*. xy_step ([[состояния>>attach:2023-02-19_17-17-57.png]]). 240 -1. В поле "**Содержимое**" вносятся данные для визуализации в режиме "(% style="color:#16a085" %)**inline**(%%)" (подробности [[ниже>>doc:||anchor="inline"]]).240 +1. В поле "**Содержимое**" вносятся данные для визуализации в режиме "(% style="color:#16a085" %)**inline**(%%)" (подробности ниже). 241 241 1. В поле "**Высота**" при желании можно задать высоту графика в пикселях. По умолчанию график будет отрисован в размере 300x400 pix. 242 242 1. В поле "**Параметры**" вносятся дополнительные настройки для построения графиков. Эта строка содержит список сопоставлений имени параметра со значением. Доступные имена и значения параметров зависят от используемого источника данных (подробности ниже). 243 -1. В поле "**Источник**" указывается один из двух типов источника данных — "(% style="color:#16a085" %)**inline**(%%)" и "(% style="color:#16a085" %)**xdom**(%%)" (подробности [[ниже>>doc:||anchor="inline"]]).243 +1. В поле "**Источник**" указывается один из двух типов источника данных — "(% style="color:#16a085" %)**inline**(%%)" и "(% style="color:#16a085" %)**xdom**(%%)" (подробности ниже). 244 244 1. В поле "**Название**" можно задать заголовок для графика/диаграммы. 245 245 1. В поле "**Ширина**" при желании можно задать ширину графика в пикселях. По умолчанию график будет отрисован в размере 300x400 pix. 246 246 ... ... @@ -345,7 +345,7 @@ 345 345 346 346 (% bis_skin_checked="1" class="box" %) 347 347 ((( 348 -~{~{chart type="(% style="color:#f39c12" %)line(%%)" params="document:(% style="color:#f39c12" %) Sandbox.Diagrammy-Skhemy-Grafiki.Tablitsy-s-dannymi-dlia-grafikov.WebHome(%%);table:(% style="color:#f39c12" %)table1(%%);range:B2-D5;series:columns;" source="(% style="color:#f39c12" %)xdom(%%)"}}~{~{/chart}}348 +~{~{chart type="(% style="color:#f39c12" %)line(%%)" params="document:(% style="color:#f39c12" %)База знаний.Работа в XWIKI.Советы и рецепты.Diagrams Schemes Graphs.Tablitsy-s-dannymi-dlia-grafikov.WebHome(%%);table:(% style="color:#f39c12" %)table1(%%);range:B2-D5;series:columns;" source="(% style="color:#f39c12" %)xdom(%%)"}}~{~{/chart}} 349 349 ))) 350 350 351 351 В нем тип графика, адрес страницы, идентификатор таблицы и тип источника данных выделены рыжим. ... ... @@ -352,7 +352,7 @@ 352 352 353 353 **Результат рендеринга макроса из Таблицы 1:** 354 354 355 - {{chart type="line" params="document:Sandbox.Diagrammy-Skhemy-Grafiki.Tablitsy-s-dannymi-dlia-grafikov.WebHome;table:table1;range:B2-D5;series:columns;"source="xdom"}}{{/chart}}355 +[[image:2023-02-20_12-41-34.png||height="305" width="400"]] 356 356 357 357 358 358 Таблицу 2 из примера мы используем для создания круговой диаграммы. Окно макроса для нее будет [[выглядеть так>>attach:2023-02-20_12-19-01.png||onclick="window.open(this.href, '', 'resizable=no,status=no,location=no,toolbar=no,menubar=no,fullscreen=no,scrollbars=no,dependent=no'); return false;"]]. ... ... @@ -361,7 +361,7 @@ 361 361 362 362 (% bis_skin_checked="1" class="box" %) 363 363 ((( 364 -~{~{chart type="(% style="color:#f39c12" %)pie(%%)" params="document:(% style="color:#f39c12" %) Sandbox.Diagrammy-Skhemy-Grafiki.Tablitsy-s-dannymi-dlia-grafikov.WebHome(%%);table:(% style="color:#f39c12" %)table2(%%);range:B1-D4;series:columns;" source="(% style="color:#f39c12" %)xdom(%%)"}}~{~{/chart}}364 +~{~{chart type="(% style="color:#f39c12" %)pie(%%)" params="document:(% style="color:#f39c12" %)База знаний.Работа в XWIKI.Советы и рецепты.Diagrams Schemes Graphs.Tablitsy-s-dannymi-dlia-grafikov.WebHome(%%);table:(% style="color:#f39c12" %)table2(%%);range:B2-D5;series:columns;" source="(% style="color:#f39c12" %)xdom(%%)"}}~{~{/chart}} 365 365 ))) 366 366 367 367 В нем тип графика, адрес страницы, идентификатор таблицы и тип источника данных выделены рыжим. ... ... @@ -368,7 +368,7 @@ 368 368 369 369 **Результат рендеринга макроса из Таблицы 2:** 370 370 371 - {{chart type="pie" params="document:Sandbox.Diagrammy-Skhemy-Grafiki.Tablitsy-s-dannymi-dlia-grafikov.WebHome;table:table2;range:B1-D4;series:columns;"source="xdom"}}{{/chart}}371 +[[image:2023-02-20_12-41-52.png||height="306" width="400"]] 372 372 373 373 374 374 === Примеры использования **Chart **Extension === ... ... @@ -470,7 +470,8 @@ 470 470 Пара рекомендаций при работе с рассмотренными макросами и расширениями: 471 471 472 472 1. Обратите внимание на [[синтаксис страницы>>attach:2023-02-21_12-36-23.png||onclick="window.open(this.href, '', 'resizable=no,status=no,location=no,toolbar=no,menubar=no,fullscreen=no,scrollbars=no,dependent=no'); return false;"]]. По умолчанию статьи создаются в синтаксисе XWiki 2.1, в нем все расширения XWiki работают полноценно. Если при создании вы выбираете иной синтаксис — будьте готовы к тому, что расширения могут работать c ограничениями или вовсе не поддерживаться. 473 -1. Если возникают ошибки визуализации, попробуйте перейти в режим разметки, используя кнопку [[image:202 1-09-24_100802.png]](% id="cke_bm_33056S" style="display:none" %) [[image:image-20230218113157-1.png]](%%) "**Источник**" и посмотреть код макроса. Возможно, затесались лишние знаки или, наоборот, отсутствует отбивка строкой. Для некоторых макросов это критично.473 +1. Если возникают ошибки визуализации, попробуйте перейти в режим разметки, используя кнопку [[image:image-20230218113157-1.png]](% id="cke_bm_33056S" style="display:none" %) [[image:image-20230218113157-1.png]](%%) "Источник" и посмотреть код макроса. Возможно, затесались лишние знаки или, наоборот, отсутствует отбивка строкой. Для некоторых макросов это критично. 474 474 475 -Как видим, платформа XWiki предоставляет обширный инструментарий для создания самых разнообразных диаграмм, графиков и схем. Можно использовать визуальный редактор, а можно строить на основе табличных данных, либо описывать диаграммы языком UML — выбор за вами! 😄 475 +Как видим, наша платформа предоставляет обширный инструментарий для создания самых разнообразных диаграмм, графиков и схем. Можно использовать визуальный редактор, а можно строить на основе табличных данных, либо описывать диаграммы языком UML — выбор за вами! 476 +😄 476 476
- 2023-02-18_11-33-52_cr.png
-
- Размер
-
... ... @@ -1,1 +1,1 @@ 1 -11 2.7KB1 +114.3 KB - Содержимое
- 2023-02-18_11-48-22-2.png
-
- Размер
-
... ... @@ -1,1 +1,1 @@ 1 - 172.6KB1 +207.3 KB - Содержимое