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

Редактировал(а) Coluns 31.03.2023
От версии 39.1
отредактировано hrapitan
на 11.03.2023
Изменить комментарий: К данной версии нет комментариев
К версии 51.1
отредактировано Coluns
на 11.03.2023
Изменить комментарий: К данной версии нет комментариев

Сводка

Подробности

Свойства страницы
Автор документа
... ... @@ -1,1 +1,1 @@
1 -XWiki.hp
1 +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  )))
... ... @@ -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**(%%)" (подробности ниже).
240 +1. В поле "**Содержимое**" вносятся данные для визуализации в режиме "(% style="color:#16a085" %)**inline**(%%)" (подробности [[ниже>>doc:||anchor="inline"]]).
241 241  1. В поле "**Высота**" при желании можно задать высоту графика в пикселях. По умолчанию график будет отрисован в размере 300x400 pix.
242 242  1. В поле "**Параметры**" вносятся дополнительные настройки для построения графиков. Эта строка содержит список сопоставлений имени параметра со значением. Доступные имена и значения параметров зависят от используемого источника данных (подробности ниже).
243 -1. В поле "**Источник**" указывается один из двух типов источника данных  — "(% style="color:#16a085" %)**inline**(%%)" и "(% style="color:#16a085" %)**xdom**(%%)" (подробности ниже).
243 +1. В поле "**Источник**" указывается один из двух типов источника данных  — "(% style="color:#16a085" %)**inline**(%%)" и "(% style="color:#16a085" %)**xdom**(%%)" (подробности [[ниже>>doc:||anchor="inline"]]).
244 244  1. В поле "**Название**" можно задать заголовок для графика/диаграммы.
245 245  1. В поле "**Ширина**" при желании можно задать ширину графика в пикселях. По умолчанию график будет отрисован в размере 300x400 pix.
246 246  
... ... @@ -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" %)База знаний.Работа в 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}}
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}}
349 349  )))
350 350  
351 351  В нем тип графика, адрес страницы, идентификатор таблицы и тип источника данных выделены рыжим.
... ... @@ -352,7 +352,7 @@
352 352  
353 353  **Результат рендеринга макроса из Таблицы 1:**
354 354  
355 -[[image:2023-02-20_12-41-34.png||height="305" width="400"]]
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}}
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" %)База знаний.Работа в 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}}
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}}
365 365  )))
366 366  
367 367  В нем тип графика, адрес страницы, идентификатор таблицы и тип источника данных выделены рыжим.
... ... @@ -368,7 +368,7 @@
368 368  
369 369  **Результат рендеринга макроса из Таблицы 2:**
370 370  
371 -[[image:2023-02-20_12-41-52.png||height="306" width="400"]]
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}}
372 372  
373 373  
374 374  === Примеры использования **Chart **Extension ===
... ... @@ -470,8 +470,12 @@
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:image-20230218113157-1.png]](% id="cke_bm_33056S" style="display:none" %) [[image:image-20230218113157-1.png]](%%) "Источник" и посмотреть код макроса. Возможно, затесались лишние знаки или, наоборот, отсутствует отбивка строкой. Для некоторых макросов это критично.
473 +1. Если возникают ошибки визуализации, попробуйте перейти в режим разметки, используя кнопку [[image:2021-09-24_100802.png]](% id="cke_bm_33056S" style="display:none" %) [[image:image-20230218113157-1.png]](%%) "**Источник**" и посмотреть код макроса. Возможно, затесались лишние знаки или, наоборот, отсутствует отбивка строкой. Для некоторых макросов это критично.
474 474  
475 -Как видим, наша платформа предоставляет обширный инструментарий для создания самых разнообразных диаграмм, графиков и схем. Можно использовать визуальный редактор, а можно строить на основе табличных данных, либо описывать диаграммы языком UML — выбор за вами! 
476 -😄
477 -
475 +Как видим, платформа XWiki предоставляет обширный инструментарий для создания самых разнообразных диаграмм, графиков и схем. Можно использовать визуальный редактор, а можно строить на основе табличных данных, либо описывать диаграммы языком UML — выбор за вами! 😄
476 +
477 +----
478 +
479 +**Данная статья добавлена нашим подписчиком {{mention reference="XWiki.hp" style="FULL_NAME" anchor="XWiki-hp-qvk8wq"/}} за что ему большое спасибо!**
480 +
481 +{{cl-plate-help/}}
2023-02-18_11-33-52_cr.png
Размер
... ... @@ -1,1 +1,1 @@
1 -114.3 KB
1 +112.7 KB
Содержимое
2023-02-18_11-48-22-2.png
Размер
... ... @@ -1,1 +1,1 @@
1 -207.3 KB
1 +172.6 KB
Содержимое
2023-02-20_09-00-49.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.hp
Размер
... ... @@ -1,0 +1,1 @@
1 +168.8 KB
Содержимое
2023-02-21_12-36-23.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.hp
Размер
... ... @@ -1,0 +1,1 @@
1 +26.3 KB
Содержимое