ChartJsCanvasPCF — это пользовательский элемент управления компонентной платформы Power Apps (PCF), который использует Chart.js, библиотеку JavaScript с открытым исходным кодом для создания интерактивных диаграмм на веб-страницах. Этот элемент управления позволяет пользователям визуализировать данные и взаимодействовать с ними в Power Apps Canvas. Демо-видео
Chart.js — это гибкая библиотека диаграмм JavaScript для современной сети. Он предоставляет разработчикам возможность создавать восемь различных типов анимированных и настраиваемых диаграмм. Chart.js использует для рендеринга элемент холста HTML5, который обеспечивает отличную производительность во всех современных браузерах.
Управление PCF принимает несколько входов и обеспечивает выходы. Возможности лучше всего просматривать в ChartJsDemo.msapp.
данные (см. папку «Пример данных»)
параметры (см. папку «Пример данных»)
тип (тип диаграммы, т. е. столбец)
labelSize (размер шрифта для меток, например 15)
FontType (Тип шрифта, например Arial)
selectedItem (возвращает индекс выбранной точки данных)
LastSelected (время последнего выбора, см. демонстрационное приложение для использования)
Загрузите файл PowerAppsToolsTemp_dev.zip и следуйте этим инструкциям: Speed Run Install PCF
Node.js
Интерфейс командной строки Power Apps
Клонируем репозиторий:
git clone https://github.com/Belleye/ChartJsCanvasPCF.git
Перейдите в каталог проекта:
cd src
Установите зависимости:
npm install
Чтобы запустить сервер разработки:
npm start watch
Чтобы построить проект:
npm run build
Чтобы передать элемент управления в Power Apps:
pac pcf push
После развертывания добавьте элемент управления ChartJsCanvasPCF на холст Power Apps и привяжите его к источнику данных.
Взносы приветствуются.
Этот проект лицензируется по лицензии MIT — подробности см. в файле LICENSE.
Библиотека Chart.js для обеспечения основных функций диаграмм.
