ChartJsCanvasPCF é um controle de estrutura de componente (PCF) personalizado do Power Apps que usa Chart.js, uma biblioteca JavaScript de código aberto para criar gráficos interativos em páginas da web. Esse controle permite que os usuários visualizem e interajam com dados no Power Apps Canvas. Vídeo de demonstração
Chart.js é uma biblioteca de gráficos JavaScript flexível para a web moderna. Ele fornece aos desenvolvedores a capacidade de criar oito tipos diferentes de gráficos animados e personalizáveis. Chart.js usa o elemento canvas HTML5 para renderização, que oferece ótimo desempenho em todos os navegadores modernos.
O controle PCF aceita diversas entradas e fornece saídas. Os recursos são melhor visualizados no ChartJsDemo.msapp.
dados (consulte a pasta de dados de exemplo)
opções (consulte a pasta Dados de exemplo)
tipo (tipo de gráfico, ou seja, barra)
labelSize (tamanho da fonte para etiquetas, ou seja, 15)
fontType (tipo de fonte, ou seja, Arial)
selectedItem (retorna o índice do ponto de dados selecionado)
lastSelected (época da última seleção, consulte o aplicativo de demonstração para uso)
Baixe o arquivo PowerAppsToolsTemp_dev.zip e siga estas instruções: Speed Run Instalar PCF
Node.js
CLI do Power Apps
Clone o repositório:
git clone https://github.com/Belleye/ChartJsCanvasPCF.git
Navegue até o diretório do projeto:
cd src
Instale dependências:
npm install
Para iniciar o servidor de desenvolvimento:
npm start watch
Para construir o projeto:
npm run build
Para enviar o controle para o Power Apps:
pac pcf push
Após a implantação, adicione o controle ChartJsCanvasPCF ao seu Power Apps Canvas e vincule-o à sua fonte de dados.
Contribuições são bem-vindas.
Este projeto está licenciado sob a licença MIT - consulte o arquivo LICENSE para obter detalhes.
Biblioteca Chart.js para fornecer a funcionalidade básica do gráfico.
