可視化アプリケーションプロジェクトの説明のためのテンプレート開発 - DataV

このトピックでは、[感染状況制御] 可視化アプリケーションを構築することにより、DataV テンプレートを使用して可視化アプリケーションプロジェクトを開発する方法を示します。

背景情報

この例では、[静的データソース] を使用しているため、ウィジェットのデータ構成領域に準備したデータを直接貼り付けることができます。データソースが [CSVファイル]、[データベース]、またはその他のタイプの場合は、最初にデータソースを追加する必要があります。
[API] データソースを使用する必要がある場合は、データ構成バーに API アドレスを直接入力できます。構成時に、[サーバープロキシリクエスト] などの操作を有効にする必要がある場合は、クロスドメインデータの構成をご参照ください。

以下の手順を実行してテンプレート可視化アプリケーションを作成することで、DataV-Board の機能をすばやく体験できます。テンプレート可視化アプリケーションを作成するための以下のステップを実行することで機能します。

DataV コンソールにログインします。
[プロジェクト] ページで、[PC作成] をクリックします。適切なテンプレートを選択します。この例では、[感染状況制御] テンプレートを使用します。 [プロジェクトの作成] をクリックします。
[プロジェクトの作成] ダイアログボックスで、可視化アプリケーション名を入力し、プロジェクトグループを選択します。グループが作成されていない場合は、[グループ化されていない] を選択できます。
[作成] をクリックします。
アプリケーションが正常に作成されると、キャンバスエディターページにリダイレクトされます。そこでは、企業の新しい小売ビジネスデータの表示要件を満たす、適切に設計されたテンプレートが表示されます。

可視化アプリケーションを作成した後、以下の方法でウィジェットのスタイルを変更できます。

左側の [レイヤー] パネルでウィジェットをクリックして選択し、右側のスタイルパネルでスタイル構成を調整します。
説明
キャンバスエディターレイヤーでウィジェット名をダブルクリックして、現在のウィジェットの名前を変更できます。
同じ方法を使用して、要件に応じて他のウィジェットの構成を調整します。

実際のニーズに応じて、以下の方法でウィジェットデータの内容を変更できます。

左側の [レイヤー] パネルで、ウィジェットをクリックして選択します。例：ダブルイレブンバブルチャート。
右側のスタイルパネルで [データ] タブを選択し、[データソースの構成] をクリックします。 [データソース] ダイアログボックスで、[データソースタイプ] に [静的データ] を選択します。
以下のデータ構成領域で、テンプレートの既存のデータを要件に応じて変更するか、準備した JSON 形式のデータを貼り付けます。
説明
データを追加するときのフィールド名は、システム設定と一致している必要があります。
データ構成が完了したら、ページの [データ応答結果][データソースを設定] の後にあるアイコンをクリックして、データ応答結果をリフレッシュできます。
データ応答が成功すると、[データ] ページに [構成完了] と [正常に一致しました] が表示されます。
同じ方法を使用して、可視化アプリケーションのすべてのウィジェットのデータを構成します。

ウィジェットのスタイルとデータソースを構成した後、可視化アプリケーションをプレビューして公開し、ダッシュボードのオンライン再生とデモを有効にすることができます。このステップでは、可視化アプリケーションをプレビューして公開する方法について説明します。

キャンバスエディターの右上隅にあるアイコンをクリックして、新しいページで可視化アプリケーションをプレビューします。
プレビューが成功したら、次の手順に従って可視化アプリケーションを公開できます。
キャンバスエディターの右上隅にあるアイコンをクリックし、ダイアログボックスで [プロジェクトの公開] をクリックして、公開ページを開きます。
公開ページで、[共有 URL] の右側にあるアイコンをクリックして、リンクをコピーします。
説明
公開ページでは、必要に応じて公開情報とスナップショット管理を実行できます。
URL をコピーしてブラウザのアドレスバーに貼り付け、公開された可視化アプリケーションをオンラインで表示します。