캔버스타임라인PCF

캔버스타임라인PCF

CanvasTimelinePCF는 vis-timeline 라이브러리를 기반으로 하는 사용자 지정 Power Apps 구성 요소 프레임워크(PCF) 컨트롤입니다. 이를 통해 사용자는 Power Apps Canvas 내에서 시간 기반 데이터를 시각화하고 상호 작용할 수 있습니다.

업데이트

2024-05-21

DataverseSolution.zip을 추가하면 연결된 앱을 배포하는 데 필요한 데이터버스 테이블이 생성됩니다. 앱에는 일부 초기 데이터로 채워지는 버튼이 있습니다.
추가된 Schema.md는 CSS 스타일에 대한 필수 테이블과 관계를 설명합니다.

데모

YouTube에서 데모 보기: CanvasTimelinePCF 데모

빠른 설치 가이드

YouTube에서 PCF의 Speed ​​Run 설치를 시청하세요: Speed ​​Run PCF 설치

특징

• 대화형 타임라인 시각화
• 사용자 정의 가능한 항목 스타일
• Power Apps 캔버스와 통합

소스에서 빌드

전제조건

• Node.js
• 파워앱 CLI

설치

1. 저장소를 복제합니다.

    git clone 
   

2. 프로젝트 디렉터리로 이동합니다.

    cd src
   

3. 종속성을 설치합니다.

    npm install
   

개발

개발 서버를 시작하려면:

 npm start watch

프로젝트를 빌드하려면:

 npm run build

전개

Power Apps에 컨트롤을 푸시하려면:

 pac pcf push

zip 파일(vsCode 및 PA CLI)로 내보내는 신뢰할 수 있는 방법을 찾지 못했습니다. 현재 zip 패키지를 가져오기 위해 파일을 정리하기 전에 게시를 종료하고 있습니다.

용법

배포 후 CanvasTimelinePCF 컨트롤을 Power Apps Canvas에 추가하고 데이터 소스에 바인딩합니다.
설정>디스플레이>크기에 맞게 조정: 꺼짐

기여

기여를 환영합니다.
우리는 다음이 필요합니다:

• Github 경험이 있는 분
• 나보다 타이프스크립트 실력이 더 뛰어난 사람 :/

특허

이 프로젝트는 MIT 라이선스에 따라 라이선스가 부여됩니다. 자세한 내용은 LICENSE 파일을 참조하세요.

감사의 말

• 기본 타임라인 기능을 제공하기 위한 vis-timeline 라이브러리입니다.
• 커서.sh 최고의 IDE
• 스캇 듀로우

연결하다

링크드인