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

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

Сводка

Подробности

Свойства страницы
Содержимое
... ... @@ -103,40 +103,11 @@
103 103  {{/example}}
104 104  
105 105  
106 -==== Диаграмма состояний ====
106 +==== Диаграммы последовательности ====
107 107  
108 108  {{example}}
109 109  {{plantuml}}
110 -@startuml
111 -[*] -> State1
112 -State1 --> State2 : Succeeded
113 -State1 --> [*] : Aborted
114 -State2 --> State3 : Succeeded
115 -State2 --> [*] : Aborted
116 -state State3 {
117 - state "Accumulate Enough Data" as long1
118 - long1 : Just a test
119 - [*] --> long1
120 - long1 --> long1 : New Data
121 - long1 --> ProcessData : Enough Data
122 - State2 --> [H]: Resume
123 -}
124 -State3 --> State2 : Pause
125 -State2 --> State3[H*]: DeepResume
126 -State3 --> State3 : Failed
127 -State3 --> [*] : Succeeded / Save Result
128 -State3 --> [*] : Aborted
129 -@enduml
130 130  
131 -{{/plantuml}}
132 -{{/example}}
133 -
134 -
135 -==== Диаграмма последовательности ====
136 -
137 -{{example}}
138 -{{plantuml}}
139 -
140 140  @startuml
141 141  
142 142  actor User
... ... @@ -232,3 +232,94 @@
232 232  
233 233  == **Визуализация данных с помощью Chart Extension** ==
234 234  
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,0 +1,1 @@
1 +XWiki.hp
Размер
... ... @@ -1,0 +1,1 @@
1 +108.5 KB
Содержимое
2023-02-19_16-50-57.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.hp
Размер
... ... @@ -1,0 +1,1 @@
1 +104.8 KB
Содержимое
2023-02-19_17-12-14.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.hp
Размер
... ... @@ -1,0 +1,1 @@
1 +28.2 KB
Содержимое
2023-02-19_17-13-11.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.hp
Размер
... ... @@ -1,0 +1,1 @@
1 +68.0 KB
Содержимое
2023-02-19_17-13-48.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.hp
Размер
... ... @@ -1,0 +1,1 @@
1 +77.8 KB
Содержимое
2023-02-19_17-17-57.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.hp
Размер
... ... @@ -1,0 +1,1 @@
1 +56.0 KB
Содержимое
2023-02-19_17-35-35.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.hp
Размер
... ... @@ -1,0 +1,1 @@
1 +42.2 KB
Содержимое
2023-02-19_17-37-57.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.hp
Размер
... ... @@ -1,0 +1,1 @@
1 +53.7 KB
Содержимое
2023-02-19_17-40-50.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.hp
Размер
... ... @@ -1,0 +1,1 @@
1 +30.9 KB
Содержимое
2023-02-19_17-49-50.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.hp
Размер
... ... @@ -1,0 +1,1 @@
1 +22.9 KB
Содержимое
2023-02-19_17-52-19.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.hp
Размер
... ... @@ -1,0 +1,1 @@
1 +40.6 KB
Содержимое
2023-02-19_17-52-57.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.hp
Размер
... ... @@ -1,0 +1,1 @@
1 +26.0 KB
Содержимое
2023-02-19_17-55-07.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.hp
Размер
... ... @@ -1,0 +1,1 @@
1 +86.3 KB
Содержимое
R.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.hp
Размер
... ... @@ -1,0 +1,1 @@
1 +10.3 KB
Содержимое