ChartJsCanvasPCF es un control de marco de componentes (PCF) de Power Apps personalizado que utiliza Chart.js, una biblioteca de JavaScript de código abierto para crear gráficos interactivos en páginas web. Este control permite a los usuarios visualizar e interactuar con datos dentro de Power Apps Canvas. Vídeo de demostración
Chart.js es una biblioteca de gráficos JavaScript flexible para la web moderna. Proporciona a los desarrolladores la posibilidad de crear ocho tipos diferentes de gráficos animados y personalizables. Chart.js utiliza el elemento canvas HTML5 para el renderizado, que ofrece un gran rendimiento en todos los navegadores modernos.
El control PCF acepta varias entradas y proporciona salidas. Las capacidades se ven mejor en ChartJsDemo.msapp.
datos (consulte la carpeta Datos de ejemplo)
opciones (consulte la carpeta Datos de ejemplo)
tipo (tipo de gráfico, es decir, barra)
labelSize (Tamaño de fuente para etiquetas, es decir, 15)
fontType (Tipo de fuente, es decir, Arial)
selectedItem (devuelve el índice del punto de datos seleccionado)
lastSelected (hora de la última selección; consulte la aplicación de demostración para conocer su uso)
Descargue el archivo PowerAppsToolsTemp_dev.zip y siga estas instrucciones: Speed Run Install PCF
Nodo.js
CLI de aplicaciones de energía
Clonar el repositorio:
git clone https://github.com/Belleye/ChartJsCanvasPCF.git
Navegue al directorio del proyecto:
cd src
Instalar dependencias:
npm install
Para iniciar el servidor de desarrollo:
npm start watch
Para construir el proyecto:
npm run build
Para empujar el control a Power Apps:
pac pcf push
Después de la implementación, agregue el control ChartJsCanvasPCF a su lienzo de Power Apps y vincúlelo a su origen de datos.
Las contribuciones son bienvenidas.
Este proyecto tiene la licencia MIT; consulte el archivo de LICENCIA para obtener más detalles.
Biblioteca Chart.js para proporcionar la funcionalidad básica de gráficos.
