Изменения документа Диаграммы Схемы Графики
Редактировал(а) Coluns 31.03.2023
Сводка
-
Свойства страницы (3 изменено, 0 добавлено, 0 удалено)
-
Вложения (0 изменено, 1 добавлено, 0 удалено)
Подробности
- Свойства страницы
-
- Родительский документ
-
... ... @@ -1,1 +1,1 @@ 1 -San dbox.WebHome1 +Stati.Funktsii-XWiki.WebHome - Автор документа
-
... ... @@ -1,1 +1,1 @@ 1 -XWiki. hp1 +XWiki.coluns - Содержимое
-
... ... @@ -30,7 +30,7 @@ 30 30 31 31 То же самое можно сделать, перейдя с помощью кнопки [[image:2021-09-24_100802.png]] "**Источник**" в режим разметки и вставив код макроса: 32 32 33 -(% bis_skin_checked="1" class="box"%)33 +(% class="box" bis_skin_checked="1" %) 34 34 ((( 35 35 ~{~{diagram reference="Diagram 1"/}} 36 36 ))) ... ... @@ -67,7 +67,7 @@ 67 67 68 68 То же самое можно сделать, перейдя с помощью кнопки [[image:2021-09-24_100802.png]] "**Источник**" в режим разметки и вставив код макроса: 69 69 70 -(% bis_skin_checked="1" class="box"%)70 +(% class="box" bis_skin_checked="1" %) 71 71 ((( 72 72 ~{~{plantuml}} 73 73 //описание диаграммы на языке UML// ... ... @@ -211,7 +211,7 @@ 211 211 212 212 Тоже самое можно сделать, перейдя с помощью кнопки [[image:2021-09-24_100802.png]] "**Источник**" в режим разметки и вставив код макроса: 213 213 214 -(% bis_skin_checked="1" class="box"%)214 +(% class="box" bis_skin_checked="1" %) 215 215 ((( 216 216 ~{~{chart}} //Настройки макроса и параметры графиков //~{~{/chart}} 217 217 ))) ... ... @@ -308,9 +308,9 @@ 308 308 309 309 Для использования этого варианта в поле "**Источник**" макроса должно значится "(% style="color:#16a085" %)//xdom//(%%)". 310 310 311 -В данном режиме макрос строит диаграммы и графики на основе данных, содержащихся в таблице на какой-либо странице в пределах вики. Для того, чтобы макрос работал, таблице необходимо присвоить идентификатор, используя кодв режиме источника:311 +В данном режиме макрос строит диаграммы и графики на основе данных, содержащихся в таблице на какой-либо странице в пределах вики. Для того, чтобы макрос работал, таблице необходимо присвоить идентификатор, используя в режиме источника следующий код: 312 312 313 -(% bis_skin_checked="1" class="box"%)313 +(% class="box" bis_skin_checked="1" %) 314 314 ((( 315 315 ~(% id="//произвольный_идентификатор//" %) 316 316 ))) ... ... @@ -318,7 +318,7 @@ 318 318 Рассмотрим процесс на примере страницы с двумя таблицами: 319 319 320 320 321 -[[image: 1678526683284-692.png]]321 +[[image:2023-02-20_09-00-49.png]] 322 322 323 323 324 324 В режиме источника каждой из таблиц мы присвоили идентификаторы ("(% style="color:#16a085" %)//table1//(%%)" и "(% style="color:#16a085" %)//table2//(%%)"), сохранили изменения, а затем скопировали адрес этой страницы (вкладка "**Информация**", поле "**Ссылка на страницу**" ). ... ... @@ -332,7 +332,7 @@ 332 332 333 333 **Схема записи:** 334 334 335 -(% bis_skin_checked="1" class="box"%)335 +(% class="box" bis_skin_checked="1" %) 336 336 ((( 337 337 document:<//ссылка на страницу//>;table:<//идентификатор таблицы//>; 338 338 ))) ... ... @@ -343,9 +343,9 @@ 343 343 344 344 **Код макроса в разметке**: 345 345 346 -(% bis_skin_checked="1" class="box"%)346 +(% class="box" bis_skin_checked="1" %) 347 347 ((( 348 -~{~{chart type="(% style="color:#f39c12" %)line(%%)" params="document:(% style="color:#f39c12" %)San dbox.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" %)Stati.Funktsii-XWiki.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}} 349 349 ))) 350 350 351 351 В нем тип графика, адрес страницы, идентификатор таблицы и тип источника данных выделены рыжим. ... ... @@ -352,7 +352,7 @@ 352 352 353 353 **Результат рендеринга макроса из Таблицы 1:** 354 354 355 -{{chart type="line" params="document:San dbox.Diagrammy-Skhemy-Grafiki.Tablitsy-s-dannymi-dlia-grafikov.WebHome;table:table1;range:B2-D5;series:columns;" source="xdom"}}{{/chart}}355 +{{chart type="line" params="document:Stati.Funktsii-XWiki.Diagrammy-Skhemy-Grafiki.Tablitsy-s-dannymi-dlia-grafikov.WebHome;table:table1;range:B2-D5;series:columns;" source="xdom"}}{{/chart}} 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;"]]. ... ... @@ -359,9 +359,9 @@ 359 359 360 360 **Код макроса в разметке**: 361 361 362 -(% bis_skin_checked="1" class="box"%)362 +(% class="box" bis_skin_checked="1" %) 363 363 ((( 364 -~{~{chart type="(% style="color:#f39c12" %)pie(%%)" params="document:(% style="color:#f39c12" %)San dbox.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" %)Stati.Funktsii-XWiki.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}} 365 365 ))) 366 366 367 367 В нем тип графика, адрес страницы, идентификатор таблицы и тип источника данных выделены рыжим. ... ... @@ -368,7 +368,7 @@ 368 368 369 369 **Результат рендеринга макроса из Таблицы 2:** 370 370 371 -{{chart type="pie" params="document:San dbox.Diagrammy-Skhemy-Grafiki.Tablitsy-s-dannymi-dlia-grafikov.WebHome;table:table2;range:B1-D4;series:columns;" source="xdom"}}{{/chart}}371 +{{chart type="pie" params="document:Stati.Funktsii-XWiki.Diagrammy-Skhemy-Grafiki.Tablitsy-s-dannymi-dlia-grafikov.WebHome;table:table2;range:B1-D4;series:columns;" source="xdom"}}{{/chart}} 372 372 373 373 374 374 === Примеры использования **Chart **Extension === ... ... @@ -473,4 +473,9 @@ 473 473 1. Если возникают ошибки визуализации, попробуйте перейти в режим разметки, используя кнопку [[image:2021-09-24_100802.png]](% id="cke_bm_33056S" style="display:none" %) [[image:image-20230218113157-1.png]](%%) "**Источник**" и посмотреть код макроса. Возможно, затесались лишние знаки или, наоборот, отсутствует отбивка строкой. Для некоторых макросов это критично. 474 474 475 475 Как видим, платформа XWiki предоставляет обширный инструментарий для создания самых разнообразных диаграмм, графиков и схем. Можно использовать визуальный редактор, а можно строить на основе табличных данных, либо описывать диаграммы языком UML — выбор за вами! 😄 476 - 476 + 477 +---- 478 + 479 +**Данная статья добавлена нашим подписчиком {{mention reference="XWiki.hp" style="FULL_NAME" anchor="XWiki-hp-qvk8wq"/}} за что ему большое спасибо!** 480 + 481 +{{cl-plate-help/}}
- 2023-02-20_09-00-49.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.hp - Размер
-
... ... @@ -1,0 +1,1 @@ 1 +168.8 KB - Содержимое