Добавление диаграммы, созданной в приложении на основе модели, на веб-страницу или в портал

Статья
04/25/2023

Примечание

Действует с 12 октября 2022 г, в качестве порталов для Power Apps используется Power Pages. Дополнительная информация: Microsoft Power Pages теперь доступен для всех (блог)
Скоро мы мигрируем и объединим документацию порталов Power Apps с документацией Power Pages.

Диаграмма добавляется на веб-страницу с помощью тега Liquid с названием Chart. Вы можете добавить тег Liquid для графика в:

В поле Копировать на веб-странице.
В поле Источник в Веб-шаблоне.

Пример диаграммы.

Например, чтобы показать интересы по источнику и отфильтровать только для просмотра открытых интересов:

<!—Leads by Source – Open Leads -->
{% chart id:"EE3C733D-5693-DE11-97D4-00155DA3B01E" viewid:"00000000-0000-0000-00AA-000010001006" %}

Важно!

Вы должны указать значения для обоих параметров chart id и viewid для отображения диаграммы на веб-странице портала.

Получение идентификатора диаграммы

Перейдите к целевой сущности, например Продажи > Интересы.
Разверните область Диаграммы.
Выберите необходимую диаграмму.
Выберите Дополнительные команды, затем выберите Экспорт диаграммы.
Откройте XML-файл экспортированной диаграммы в текстовом редакторе.
Скопируйте значение тега <visualizationid>.
Вставьте значение visualizationid в объявление Liquid-тега диаграммы для параметра идентификатора диаграммы, например:
```
<!—Leads by Source – Open Leads -->
{% chart id:"EE3C733D-5693-DE11-97D4-00155DA3B01E" viewid:"xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx" %}
```

Теперь, когда у объявления тега диаграммы Liquid есть идентификатор диаграммы, выполните следующие действия, чтобы получить идентификатор представления.

Получение идентификатора представления

Необходимо открыть редактор представления, чтобы получить идентификатор представления для использования с Liquid-тегом "chart".

Перейдите на сайт make.powerapps.com и выберите подходящую среду.
На левой панели навигации выберите "Данные" > "Сущности".
Выберите соответствующую таблицу и перейдите на вкладку "Представления".
Вы увидите список представлений. Перейдите к параметрам (...) и выберите "Изменить представление".
Скопируйте значение идентификатора из адресной строки окна "Представления".
Вставьте этот идентификатор в объявление Liquid-тега "chart" для параметра "viewid", например:
```
<!—Leads by Source – Open Leads -->
{% chart id:"EE3C733D-5693-DE11-97D4-00155DA3B01E" viewid:"00000000-0000-0000-00AA-000010001004" %}
```

Требование разрешения таблицы

Проверяется привилегия чтения для целевой таблицы, которая запрашивается в диаграмме. Чтобы анонимные пользователи или пользователи, прошедшие проверку подлинности, получили возможность просматривать диаграмму, необходимо убедиться, что соответствующие записи Разрешение таблицы созданы и назначены нужным веб-ролям.

Если разрешение не предоставлено, пользователь получает сообщение "доступ запрещен".

Поддерживаемые диаграммы и типы диаграмм

Следующие типы диаграмм в настоящее время поддерживаются на порталах:

Столбчатая
Линейчатая диаграмма
Область
Круговая
Линия
Воронкообразная

Поддерживаемая конфигурация для элементов легенды (серии):

Одиночная серия
Несколько серий
Типы агрегатов — сумма, количество, минимальное, максимальное, среднее в одной или нескольких сериях
Правила для X верхних элементов/X нижних элементов

Поддерживаемая конфигурация для меток горизонтальной оси (категории):

Категории атрибутов таблицы или связанной таблицы (типы данных атрибутов, поддерживаемые порталами).
Несколько категорий (ось X).
Группировать по и Сортировать по для атрибутов.
Типы группировки дат — день, месяц, год в основной таблице и связанной таблице первого уровня.
- Группировка дат по неделям, финансовому году, финансовому периоду и кварталам не поддерживается.
- Группировка дат по атрибутам связанной таблицы поддерживается только до первого уровня ссылки.

Неподдерживаемые диаграммы и типы диаграмм

Следующие типы диаграмм в настоящее время не поддерживается на порталах:

Кольцевая
Тег

В следующей таблице перечислены диаграммы, которые в настоящее время не поддерживается на порталах.

Название диаграммы	Идентификатор диаграммы	Тип таблицы
Организации по владельцу — теговая диаграмма	be178262-6142-4b41-85b7-4ccedc62cfd9	учетная запись
Действия по ответственному - теговая диаграмма	c83b331e-87c7-488c-b8e7-89a6098ea102	activitypointer
Действия по приоритету - кольцевая диаграмма	d3f6c1eb-2e4b-428b-8949-682a311ae057	activitypointer
Контакты по организации	2ff3ebea-6310-4dde-b3a1-e1144ea42b7b	contact
Контакты по стране	ea89e2ad-2602-4333-8724-aa5775d66b77	contact
Контакты по предпочтительному способу связи	751b7456-308e-4568-a3a9-47135aae833a	contact
Выполнение цели (количество)	a93b8f7b-9c68-df11-ae90-00155d2e3002	goal
Выполнение цели (деньги)	aec6d51c-ea67-df11-ae90-00155d2e3002	goal
Сравнение целевых и фактических значений (количество)	1b697c8e-9a6f-df11-986c-00155d2e3002	goal
Сравнение целевых и фактических значений (деньги)	1e697c8e-9a6f-df11-986c-00155d2e3002	goal
Обращения по организации	38872e4f-ac99-e511-80da-00155dc1b253	инцидент
Обращения по приоритету	0f0fb995-9d6f-453c-b26d-8f443e42e676	инцидент
Обращения по продукту	17c3f166-5b22-4476-819b-b05da2e8d24f	инцидент
Статьи со сроком действия, истекающим в этом месяце, по владельцу	47d696ad-7c3b-e511-80d1-00155db10d2b	knowledgearticle
По владельцу	330068fd-833b-e511-80d1-00155db10d2b	knowledgearticle
По теме	bcd3f9a5-913b-e511-80d1-00155db10d2b	knowledgearticle

Прочие рекомендации

Длинные метки на горизонтальной оси (категории) могут перекрываться при использовании большого количества точек данных на диаграмме.
При наведении указателя мыши на форматирование типов данных валюты значения отображаются с пробелами вместо разделителей.
Числовые поля в настоящее время отображаются в десятичном формате.
Значения горизонтальной оси могут отображать до 15 меток.

См. также

Диаграммы на основе модели в порталах

Примечание

Каковы ваши предпочтения в отношении языка документации? Пройдите краткий опрос (обратите внимание, что этот опрос представлен на английском языке).

Опрос займет около семи минут. Личные данные не собираются (заявление о конфиденциальности).

Поделиться через