Page History

...

詳細についてはサンプル ウィジェットをインポートし、Sample Data ノードを確認してください。

...

1. Extension Designer メニューから [読み込み] > [ライブラリ] > [Sample Widgets] > [Pie Chart] サンプルを選択して、任意のサービスの新しい [フロー] タブにインポートします。

2. Example Pie Chart エンドポイント ノードをダブルクリックして、その設定を確認します。このノードはウィジェットの実装を定義します。 
    
   
   以下のフィールドを変更してこのサンプルウィジェットを設定できます。 

   Scroll Table Layout
   widths 30%,70%

   Name	DTP ダッシュボードに表示されるウィジェット名。
   UUID	エンドポイントの固有の識別子。フローにエンドポイント ノードをドロップしたときに自動生成されます。
   Type	[Type] ドロップダウン メニューからエンドポイントの種類を選択します。 Widget: DTP ダッシュボード ウィジェットを指定します。この値を選択すると、[size]、[category]、[component]、および [parameter] フィールドが表示されます。ウィジェットのサイズの詳細については「ダッシュボード グリッド」を参照してください。 Report: DTP ダッシュボードのカスタム レポートを指定します。この値を選択すると、[component] および [parameter] フィールドが表示されます。 General: 一般的な REST エンドポイントを指定します。エンドポイントで GET 操作と POST 操作の両方を使用できます。エンドポイントの URL を取得するには、[サービス カテゴリ] ページを開いて URL をコピーします。
   Category	DTP ダッシュボード ウィジェットのカテゴリを定義します。一般的に、値は "custom" または "process intelligence" にします。新しい名前を入力して新規にカテゴリを作成できます。独自のカテゴリ名を作成した場合、ウィジェットのヘッダーの色は灰色になります。
   Component:	提供するコンポーネントを指定します。同一のタブにデプロイされたコンポーネントがドロップダウン メニューに表示されます。提供するコンポーネントを指定します。同一のタブにデプロイされたコンポーネントがメニューに表示されます。
   Parameter	DTP ダッシュボードに提供するパラメーター セットを指定します。同一のタブにデプロイされたすべてのパラメーターがドロップダウン メニューに表示されます。セットを指定します。同一のタブにデプロイされたすべてのパラメーターがメニューに表示されます。
   Description	エンドポイントの説明を指定します。この説明は DTP ダッシュボード、[ウィジェットの追加] ページ (「Adding Widgets」を参照)、および Extension Designer のカテゴリ ページでエンドポイントの説明として使用されます。

3. [UUID] フィールドのリフレッシュ ボタンをクリックします。この操作は、新しいウィジェットが他のエンドポイントと競合しないようにします。
4. ウィジェットをデプロイします。
5. 新しい Endpoint ノードをフローにドロップし、以下の設定を行います。
   1. 名前を指定します。
   2. [Type] から Widget を選択します。
   3. [Component] から Pie Chart Component を選択します。
   4. [Parameters] から Pie Chart - Widget Parameters を選択します。
   5. (オプション) 説明を入力します。
      
6. 出力ハンドルをクリックし、新しいコンポーネントで "Sample Data" function ノードの入力ハンドルをクリックします。
    
7. フローをデプロイします。
8. Report Center でダッシュボードが開いている場合はダッシュボードをリフレッシュし、[ウィジェットの追加] をクリックします。[ウィジェットの追加] オーバーレイに [My Own Category] カテゴリと My own Widget が表示されます。
   
9. ウィジェットの追加を完了して My own Widget をダッシュボードに表示します。
   

...

このノードは、エンドポイントへの出力として、構造化された msg.payload を提供します。DTP ダッシュボードはウィジェットのデータとしてレスポンスを使用します。すべてのサンプル ウィジェットに、実際のデータを持った Sample Data function ノードとペイロード スキーマ用の No Data functionノードが用意されています。No Data ノードは、ウィジェットが適切にメッセージを表示できるよう、ウィジェットにエラー メッセージを送る方法を実演します。

...

msg.payload = {
    error: {
        title: "error message title",
       message: "detailed error message"
 }   }
} 

このエラー オブジェクトをカスタム ウィジェットまたはレポートに戻す場合は、以下を msg オブジェクトに追加してください。

...