|
Метка: изменение цели перенаправления |
| (не показано 35 промежуточных версий 2 участников) |
| Строка 1: |
Строка 1: |
| − | Дашборд - интерактивная диаграмма, необходимая для визуализации данных.
| + | #redirect [[Платформа_3V/Формы/Компоненты/Графики]] |
| − | | |
| − | == Создание дашборда ==
| |
| − | | |
| − | Для добавления на форму дашборда следует выполнить следующие шаги:
| |
| − | | |
| − | ==== Создать отчёт. ====
| |
| − | Для вывода диаграммы нужны данные, для которых изначально следует создать [[Платформа_3V/Отчет|'''отчёт''']]
| |
| − | [[Файл:Создание пивота.gif|мини|слева]]
| |
| − | <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
| |
| − | В отчёт необходимо вывести данные справочника через конструктор
| |
| − | [[Файл:добавление справочника в пивот.gif|мини|слева]]
| |
| − | <br><br><br><br><br><br><br><br><br><br><br>
| |
| − | | |
| − | ==== Создать серверную карточку ====
| |
| − | [[Файл:Создание серверной карточки.gif|мини|слева]]
| |
| − | <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
| |
| − | <div class="toccolours mw-collapsible mw-collapsed" style="width:800px; overflow:auto;">
| |
| − | <div style="font-weight:bold;line-height:1.6;">Шаблон серверной карточки</div>
| |
| − | <div class="mw-collapsible-content mw-collapsed-content">
| |
| − | <syntaxhighlight lang="JSON" line>
| |
| − | {
| |
| − | "id": 1,
| |
| − | "name": "",
| |
| − | "description": "",
| |
| − | "title": "",
| |
| − | "entrySettings": null,
| |
| − | "uiSources": [],
| |
| − | "entryDataSources": [],
| |
| − | "parameters": [],
| |
| − | "binaryConditionsRules": [],
| |
| − | "submitValidateRules": [],
| |
| − | "expressions": [],
| |
| − | "controlsValueCalculateRules": [],
| |
| − | "actions": [],
| |
| − | "conditionActionIdsOnOpen": [],
| |
| − | "conditionalActions": [],
| |
| − | "selectionSets": [],
| |
| − | "reportTemplates": [],
| |
| − | "useNewDependenciesBuilder": null
| |
| − | }
| |
| − | </syntaxhighlight>
| |
| − | </div></div>
| |
| − | | |
| − | ==== Добавить источник данных ====
| |
| − | В серверную карточку необходимо добавить [[Платформа 3V/Формы/Источники данных/Отчет|'''источник данных(отчёт)''']].<br><br>
| |
| − | Шаблон источника данных:
| |
| − | <div class="mw-collapsible-content mw-collapsed-content">
| |
| − | <syntaxhighlight lang="JSON" line>
| |
| − | {
| |
| − | ...
| |
| − | | |
| − | "entryDataSources": [
| |
| − | {
| |
| − | "pivotId": 1,
| |
| − | "parameters": [],
| |
| − | "focusOnFirstCell": true,
| |
| − | "id": 1,
| |
| − | "name": "",
| |
| − | "isReadOnly": true,
| |
| − | "dataEditRuleIds": [],
| |
| − | "beforeSaveDataActions": [],
| |
| − | "afterSaveDataActions": [],
| |
| − | "discriminator": "PivotDataSource"
| |
| − | }
| |
| − | ],
| |
| − | ...
| |
| − | }
| |
| − | </syntaxhighlight>
| |
| − | </div></div>
| |
| − | | |
| − | ==== Добавить элемент управления ====
| |
| − | Для того, чтобы клиентская карточка могла взаимодействовать с серверной карточкой необходимо добавить элемент управления. <br><br>
| |
| − | | |
| − | Шаблон элемента управления:
| |
| − | <syntaxhighlight lang="JSON" line>
| |
| − | {
| |
| − | ...
| |
| − | | |
| − | "uiSources": [
| |
| − | {
| |
| − | "pivotSourceId": 1,
| |
| − | "doActionOnChangeFocusedCell": true,
| |
| − | "doActionOnChangeCellValue": false,
| |
| − | "id": 1,
| |
| − | "caption": "",
| |
| − | "enable": false,
| |
| − | "visible": true,
| |
| − | "hint": null,
| |
| − | "uiDataSource": null,
| |
| − | "doActionOnChangeValue": false,
| |
| − | "enableRuleIds": [],
| |
| − | "visibleRuleIds": [],
| |
| − | "access": {
| |
| − | "read": {
| |
| − | "roles": [],
| |
| − | "inversion": false,
| |
| − | "default": true
| |
| − | },
| |
| − | "edit": {
| |
| − | "roles": [],
| |
| − | "inversion": false,
| |
| − | "default": true
| |
| − | }
| |
| − | },
| |
| − | "isValueChanged": false,
| |
| − | "expressionId": null,
| |
| − | "discriminator": "PivotSourceEntry"
| |
| − | }
| |
| − | ]
| |
| − | ...
| |
| − | }
| |
| − | </syntaxhighlight>
| |
| − | | |
| − | ==== Создать клиентскую карточку ====
| |
| − | [[Файл:Создание формы.gif|мини|слева]]<br>
| |
| − | <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
| |
| − | ==== Создать диаграмму ====
| |
| − | После настройки источника и элемента управления в серверной карточке, в клиентской можно добавить диаграмму, которая имеет следующую структуру:
| |
| − | <syntaxhighlight lang="JSON" line>
| |
| − | {
| |
| − | "key": "1",
| |
| − | "type": "trv-highcharts",
| |
| − | "templateOptions": {
| |
| − | ...
| |
| − | },
| |
| − | "dataSourceId": 1
| |
| − | }
| |
| − | </syntaxhighlight>
| |
| − | | |
| − | '''Описание свойств дашборда'''
| |
| − | {| class="wikitable"
| |
| − | |-
| |
| − | ! Свойство !! Описание
| |
| − | |-
| |
| − | | key || Идентификатор компонента карточки
| |
| − | |-
| |
| − | | type || trv-highcharts
| |
| − | |-
| |
| − | | templateOptions || Свойства настройки компонента (для каждого типа диаграммы свои).
| |
| − | |-
| |
| − | | dataSourceId || Идентификатор действия
| |
| − | |}
| |
| − | | |
| − | В ''templateOptions'' выбирается тип диаграммы:
| |
| − | <syntaxhighlight lang="JSON" line>
| |
| − | {
| |
| − | "templateOptions": {
| |
| − | ...
| |
| − | "type": "",
| |
| − | ...
| |
| − | },
| |
| − | }
| |
| − | </syntaxhighlight>
| |
| − | | |
| − | Тип диаграммы может быть:
| |
| − | {| class="wikitable"
| |
| − | |-
| |
| − | !colspan="2"|type
| |
| − | |-
| |
| − | ! Permissions !! Определение
| |
| − | |-
| |
| − | | column || [[Платформа 3V/Формы/Дашборд/Гистограмма|'''Гистограмма''']]
| |
| − | |-
| |
| − | | pie|| Круговая
| |
| − | |-
| |
| − | | variablepie || Улитка
| |
| − | |-
| |
| − | | bar || Линейная
| |
| − | |-
| |
| − | | line || График
| |
| − | |-
| |
| − | | area || Область
| |
| − | |-
| |
| − | | areaspline || Линейная с областью
| |
| − | |-
| |
| − | |treemap || Дерево
| |
| − | |}
| |