CanvasTimelinePCF

CanvasTimelinePCF

CanvasTimelinePCF は、vis-timeline ライブラリに基づくカスタム Power Apps コンポーネント フレームワーク (PCF) コントロールです。これにより、ユーザーは Power Apps Canvas 内で時間ベースのデータを視覚化し、操作できるようになります。

アップデート

2024-05-21

DataverseSolution.zip が追加されました。これにより、接続されたアプリのデプロイに必要なデータバース テーブルが作成されます。アプリには、初期データを入力するボタンがあります。
追加された Schema.md には、必要なテーブルと CSS スタイルとの関係が記述されています

デモ

YouTube でデモをご覧ください: CanvasTimelinePCF デモ

クイックインストールガイド

YouTube で PCF のスピード ラン インストールをご覧ください: Speed Run Install PCF

特徴

• インタラクティブなタイムラインの視覚化
• カスタマイズ可能なアイテムスタイル
• Power Apps Canvas との統合

ソースからビルド

前提条件

• Node.js
• Power Apps 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 キャンバスに追加し、データ ソースにバインドします。
設定 > 表示 > フィットするように拡大縮小: オフ

貢献する

貢献は大歓迎です。
必要なものは次のとおりです。

• Github経験のある方
• 私よりタイプスクリプトのスキルが高い人 :/

ライセンス

このプロジェクトは MIT ライセンスに基づいてライセンスされています。詳細については、LICENSE ファイルを参照してください。

謝辞

• 基本的なタイムライン機能を提供する vis-timeline ライブラリ。
• カーソル.sh 最高の IDE
• スコット・デュロウ

接続する

リンクトイン