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

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

Сводка

Подробности

Свойства страницы
Содержимое
... ... @@ -103,13 +103,43 @@
103 103  {{/example}}
104 104  
105 105  
106 -==== Диаграммы последовательности ====
106 +==== Диаграмма состояний ====
107 107  
108 108  {{example}}
109 109  {{plantuml}}
110 110  
111 111  @startuml
112 +[*] -> State1
113 +State1 --> State2 : Succeeded
114 +State1 --> [*] : Aborted
115 +State2 --> State3 : Succeeded
116 +State2 --> [*] : Aborted
117 +state State3 {
118 + state "Accumulate Enough Data" as long1
119 + long1 : Just a test
120 + [*] --> long1
121 + long1 --> long1 : New Data
122 + long1 --> ProcessData : Enough Data
123 + State2 --> [H]: Resume
124 +}
125 +State3 --> State2 : Pause
126 +State2 --> State3[H*]: DeepResume
127 +State3 --> State3 : Failed
128 +State3 --> [*] : Succeeded / Save Result
129 +State3 --> [*] : Aborted
130 +@enduml
112 112  
132 +{{/plantuml}}
133 +{{/example}}
134 +
135 +
136 +==== Диаграмма последовательности ====
137 +
138 +{{example}}
139 +{{plantuml}}
140 +
141 +@startuml
142 +
113 113  actor User
114 114  participant Nginx
115 115  participant Application
... ... @@ -202,95 +202,3 @@
202 202  ----
203 203  
204 204  == **Визуализация данных с помощью Chart Extension** ==
205 -
206 -Расширение "**Chart**" позволяет строить всевозможные графики и диаграммы на основе табличных данных. Его компонент, с которым непосредственно работает пользователь — это макрос "**График**", доступный в меню выбора макросов.
207 -
208 -
209 -[[image:2023-02-19_15-58-06.png]]
210 -
211 -
212 -Тоже самое можно сделать, перейдя с помощью кнопки [[image:2021-09-24_100802.png]] "**Источник**" в режим разметки и вставив код макроса:
213 -
214 -(% bis_skin_checked="1" class="box" %)
215 -(((
216 -~{~{chart}} //Настройки макроса и параметры графиков //~{~{/chart}}
217 -)))
218 -
219 -По умолчанию окно макроса имеет сокращенный набор полей, но с помощью кнопки "**Еще**" можно раскрыть полный набор настроек.
220 -
221 -
222 -[[image:2023-02-19_16-50-57.png]]
223 -
224 -
225 -Перечислим поля макроса.
226 -
227 -1. В поле "**Тип**" задается тип фигуры, которую требуется построить. Допустимые значения: 
228 -1*. line ([[линии>>attach:2023-02-19_17-37-57.png]]);
229 -1*. area ([[области>>attach:2023-02-19_17-35-35.png]]);
230 -1*. bar ([[столбчатая диаграмма>>attach:2023-02-19_17-40-50.png]]);
231 -1*. stackedbar ([[стековая диаграмма>>attach:2023-02-19_17-49-50.png]]);
232 -1*. bar3D ([[столбчатая 3D-диаграмма>>attach:2023-02-19_17-52-19.png]]);
233 -1*. stackedbar3D ([[стековая 3D-диаграмма>>attach:2023-02-19_17-52-57.png]]);
234 -1*. pie ([[круговая диаграмма>>attach:2023-02-19_17-12-14.png]]);
235 -1*. line3D ([[линии с эффектом 3D>>attach:2023-02-19_17-55-07.png]]);
236 -1*. xy_area ([[область в координатах>>attach:R.png]]);
237 -1*. xy_line_and_shape ([[линии в координатах и с точками в узлах>>attach:2023-02-19_17-13-11.png]]);
238 -1*. xy_line3D ([[линии в координатах и с эффектом 3D>>attach:2023-02-19_17-13-48.png]]);
239 -1*. xy_step ([[состояния>>attach:2023-02-19_17-17-57.png]]).
240 -1. В поле "**Содержимое**" вносятся данные для визуализации в режиме "(% style="color:#16a085" %)**inline**(%%)" (подробности ниже).
241 -1. В поле "**Высота**" при желании можно задать высоту графика в пикселях. По умолчанию график будет отрисован в размере 300x400 pix.
242 -1. В поле "**Параметры**" вносятся дополнительные настройки для построения графиков. Эта строка содержит список сопоставлений имени параметра со значением. Доступные имена и значения параметров зависят от используемого источника данных (подробности ниже).
243 -1. В поле "**Источник**" указывается один из двух типов источника данных  — "(% style="color:#16a085" %)**inline**(%%)" и "(% style="color:#16a085" %)**xdom**(%%)" (подробности ниже).
244 -1. В поле "**Название**" можно задать заголовок для графика/диаграммы.
245 -1. В поле "**Ширина**" при желании можно задать ширину графика в пикселях. По умолчанию график будет отрисован в размере 300x400 pix.
246 -
247 -=== Параметры графиков/диаграмм ===
248 -
249 -
250 -Поле "**Параметры**" служит для определения условий построения графиков и диаграмм. В него вносится список сопоставлений имени параметра со значением, разделителем между параметром и значением служит знак "(% style="color:#16a085" %)**:**(%%)", а между парами <//параметр: значение//> — знак "(% style="color:#16a085" %)**;**(%%)".
251 -
252 -==== Параметры построения ====
253 -
254 -|=Имя параметра|=Возможные значения|=Описание
255 -|range|(%%)(% style="color:#16a085" %)//A1-..//|Определяет диапазон ячеек таблицы, используемых для построения графика.  Порядковый номер столбца ячейки обозначается заглавной буквой латинского алфавита, а номер строки — арабской цифрой. Синтаксис: "(% style="color:#16a085" %)range:N#-M~#~#(%%)", где N и M — заглавные латинские буквы, обозначающие начальный и конечный столбцы диапазона, а # и ~#~# — арабские цифры, обозначающие начальную и конечную строки диапазона. Пример записи диапазона: "(% style="color:#16a085" %)//range:B2-D5//(%%)".
256 -|series|(% bis_skin_checked="1" %)(% bis_skin_checked="1" %)
257 -(((
258 -(% style="color:#16a085" %)//columns//(%%)
259 -(% style="color:#16a085" %)//rows//
260 -)))|(% bis_skin_checked="1" %)(% bis_skin_checked="1" %)
261 -(((
262 -Определяет ориентацию осей графика (x/y) относительно колонок таблицы. Пример записи диапазона: "(% style="color:#16a085" %)//series:columns//(%%)"
263 -)))
264 -
265 -(% class="wikigeneratedid" %)
266 -Поддерживаются также **дополнительные параметры** построения, наборы которых завися от типа графиков. Подробные сведения можно получить из [[документации>>https://java-online.ru/jfreechart-attributes.xhtml||rel="noopener noreferrer" target="_blank"]].
267 -
268 -==== Визуальные параметры ====
269 -
270 -|=Имя параметра|=Значение по умолчанию|=Описание
271 -|backgroundColor|Grey background|Цвет фона области, не относящейся к диаграмме; задается с использованием шестнадцатеричной системы счисления, например FFAACC (первые 2 буквы соответствуют красному цвету, следующие 2 — зеленому, а последние 2 — синему)
272 -|plotBackgroundColor|White|Цвет фона области графика (в шестнадцатеричном виде)
273 -|plotBorderColor|Black|Цвет границы графика (в шестнадцатеричном виде)
274 -|borderColor|Black|Цвет внешней границы графа (в шестнадцатеричном виде)
275 -|legendBackgroundColor|White|Цвет фона поля легенды (в шестнадцатеричном виде)
276 -|plotBorderVisible|true|Видимость границы области графика. Допустимые значения (% style="color:#16a085" %)//true// (%%)и (% style="color:#16a085" %)//false//
277 -|legendVisible|true|Отображение легенды. Допустимые значения (% style="color:#16a085" %)//true// (%%)и (% style="color:#16a085" %)//false//
278 -
279 -==== Дополнительные параметры для круговых диаграмм ====
280 -
281 -|=Имя параметра|=Значение по умолчанию|=Описание
282 -|pie_label_format|{0}|Формат метки для сегментов круговой диаграммы. Используйте {0} там, где должен быть вставлен ключ круговой секции, {1} для абсолютного значения секции и {2} для процентной суммы круговой секции, например, {0} = {1} ({2}) будет отображаться как «яблоко = 120 (5%)»
283 -
284 -=== {{id name="inline"/}}Типы источников данных и режимы визуализации ===
285 -
286 -Расширение "**Chart**" поддерживает два режима работы — "(% style="color:#16a085" %)**inline**(%%)" и "(% style="color:#16a085" %)**xdom**(%%)", которые определяют тип источника данных:
287 -
288 -* в режиме "(% style="color:#16a085" %)**inline**(%%)" для построения графиков используются встроенные данные, которые вносятся непосредственно в макросе;
289 -* в режиме "(% style="color:#16a085" %)**xdom**(%%)" для построения графиков и диаграмм используются таблицы данных, расположенные в пределах вики.
290 -
291 -Рассмотрим оба варианта использования макроса.
292 -
293 -
294 -==== Визуализация в режиме "**inline**" ====
295 -
296 -В этом режиме макрос строит диаграммы и графики на основе данных, вносимых непосредственно в макросе. Данные вносятся в поле "**Содержимое**" в виде таблицы, записанной на языке разметки вики-страницы.
2023-02-19_15-58-06.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.hp
Размер
... ... @@ -1,1 +1,0 @@
1 -108.5 KB
Содержимое
2023-02-19_16-50-57.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.hp
Размер
... ... @@ -1,1 +1,0 @@
1 -104.8 KB
Содержимое
2023-02-19_17-12-14.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.hp
Размер
... ... @@ -1,1 +1,0 @@
1 -28.2 KB
Содержимое
2023-02-19_17-13-11.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.hp
Размер
... ... @@ -1,1 +1,0 @@
1 -68.0 KB
Содержимое
2023-02-19_17-13-48.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.hp
Размер
... ... @@ -1,1 +1,0 @@
1 -77.8 KB
Содержимое
2023-02-19_17-17-57.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.hp
Размер
... ... @@ -1,1 +1,0 @@
1 -56.0 KB
Содержимое
2023-02-19_17-35-35.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.hp
Размер
... ... @@ -1,1 +1,0 @@
1 -42.2 KB
Содержимое
2023-02-19_17-37-57.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.hp
Размер
... ... @@ -1,1 +1,0 @@
1 -53.7 KB
Содержимое
2023-02-19_17-40-50.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.hp
Размер
... ... @@ -1,1 +1,0 @@
1 -30.9 KB
Содержимое
2023-02-19_17-49-50.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.hp
Размер
... ... @@ -1,1 +1,0 @@
1 -22.9 KB
Содержимое
2023-02-19_17-52-19.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.hp
Размер
... ... @@ -1,1 +1,0 @@
1 -40.6 KB
Содержимое
2023-02-19_17-52-57.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.hp
Размер
... ... @@ -1,1 +1,0 @@
1 -26.0 KB
Содержимое
2023-02-19_17-55-07.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.hp
Размер
... ... @@ -1,1 +1,0 @@
1 -86.3 KB
Содержимое
R.png
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.hp
Размер
... ... @@ -1,1 +1,0 @@
1 -10.3 KB
Содержимое