ChartJsCanvasPCF는 웹 페이지에서 대화형 차트를 만들기 위한 오픈 소스 JavaScript 라이브러리인 Chart.js를 사용하는 사용자 지정 Power Apps 구성 요소 프레임워크(PCF) 컨트롤입니다. 이 컨트롤을 통해 사용자는 Power Apps Canvas 내에서 데이터를 시각화하고 상호 작용할 수 있습니다. 데모 비디오
Chart.js는 최신 웹을 위한 유연한 JavaScript 차트 라이브러리입니다. 이는 개발자에게 8가지 유형의 애니메이션 및 사용자 정의 가능한 차트를 생성할 수 있는 기능을 제공합니다. Chart.js는 렌더링을 위해 HTML5 캔버스 요소를 사용하며 이는 모든 최신 브라우저에서 뛰어난 성능을 제공합니다.
PCF 컨트롤은 여러 입력을 수용하고 출력을 제공합니다. 기능은 ChartJsDemo.msapp에서 가장 잘 볼 수 있습니다.
data (예제 데이터 폴더 참조)
옵션 (예제 데이터 폴더 참조)
유형(차트 유형, 즉 막대)
labelSize(라벨의 글꼴 크기, 즉 15)
FontType(글꼴 유형, 즉 Arial)
selectedItem(선택한 데이터 포인트의 인덱스 반환)
lastSelected(마지막 선택의 에포크 시간, 사용법은 데모 앱 참조)
PowerAppsToolsTemp_dev.zip 파일을 다운로드하고 다음 지침을 따르십시오. Speed Run PCF 설치
Node.js
파워앱 CLI
저장소를 복제합니다.
git clone https://github.com/Belleye/ChartJsCanvasPCF.git
프로젝트 디렉터리로 이동합니다.
cd src
종속성을 설치합니다.
npm install
개발 서버를 시작하려면:
npm start watch
프로젝트를 빌드하려면:
npm run build
Power Apps에 컨트롤을 푸시하려면:
pac pcf push
배포 후 Power Apps Canvas에 ChartJsCanvasPCF 컨트롤을 추가하고 데이터 소스에 바인딩합니다.
기여를 환영합니다.
이 프로젝트는 MIT 라이선스에 따라 라이선스가 부여됩니다. 자세한 내용은 LICENSE 파일을 참조하세요.
기본 차트 기능을 제공하기 위한 Chart.js 라이브러리입니다.
링크드인
