1. コンポーネントライブラリ

ChartDataProvider (英語)

Version:
日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

ChartDataProviderコンポーネントを使用して、グラフ作成コントロールのデータを提供します。

メモ

このChartDataProviderは、従来のグラフでのみ使用できます

ChartDataProviderコンポーネントは、MVCコントローラーに要求を行うことでデータを提供します。サーバー上のMVCコントローラーのURLを指定し、クエリ パラメーターを指定できます。また、日付範囲と時間解像度にフィルターを設定することもできます。時間分解能にフィルタを設定すると、日付はフィルタに従ってグループ化されます (日、週、月など)。

ChartDataProviderコンポーネントは、MVCコントローラーからすぐにデータを取得しません。ChartDataProviderコンポーネントにMVCコントローラーを呼び出すように指示する必要があります。

getData関数を使用して、MVCコントローラーにデータを要求します (たとえば、次のようにPageCode)。

var requestOptions =

{

parameters: "",

onSuccess: this.getDataCallback,

url: "/api/sitecore/speakcharting/chart/Data"

;

this.ChartDataProvider.viewModel.getData(requestOptions);

urlフィールドは、プロパティとしても設定できます (DataUrl)。コードとプロパティの両方で設定した場合、ChartDataProviderコンポーネントはコードで設定した値を使用します。parametersフィールドはオプションであり、空のままにしておくことができます。

ChartDataProviderコンポーネントがデータを正常に受信したときに呼び出す関数は、onSuccessを使用して指定できます。

MVCコントローラーは自分で実装する必要があります。 ChartDataProviderコンポーネントは、MVCコントローラーがデータをJSONオブジェクトとして返すことを想定しています。このJSONオブジェクトでは、次のプロパティが必須です。

"data":{

"dataSet":{

“data”: …

次の例は、有効なJSONオブジェクトを示しています。

{

"totalRecordCount":0,

"messages":

{

"id":100,

"messageType":"info",

"text":"Contact most likely to buy during next visit."

}

,

"pageNumber":1,

"pageSize":5,

"sorting":

{

"direction":"asc",

"field":"channel"

},

{

"direction":"asc",

"field":"device"

}

,

"filter":

,

"data":{

"dataSet":{

"visits":

{

"Channel":10,

"IsCampaign":true,

"Device":"",

"Location":"Copenhagen, Hovedstaden, Denmark",

"Value":"1024",

"PageViews":18,

"VisitDuration":"01:07:00",

"Recency":"2.00:00:00",

"StartDateTime":"2013-11-08T22:30:29.2274325Z",

"UserAgent":"Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko)"

}

},

"localization":{

"fields":

{

"field":"channel",

"translations":{

"40":"RSS",

"0":"Unknown",

"15":"Search Engine - Organic Branded",

"20":"Direct",

"50":"Email",

"10":"Search Engine - Organic",

"90":"Paid",

"36":"Referred - Analyst",

"31":"Referred - Blog",

"34":"Referred - Community",

"33":"Referred - Conversations",

"32":"Referred - News",

"30":"Referred - Other",

"35":"Referred - Wiki"

}

}

}

}

}

プロパティ

名前

形容

デフォルト

Filters

日付差出人

コンポーネントがデータを取得する最初の日付を指定します。

日付

コンポーネントがデータを取得する最後の日付を指定します。

解決

コンポーネントが時間分解能に基づいてデータをグループ化する方法を指定します。「日」、「週」、「月」、「四半期」、または「年」を指定できます。

解像度範囲

コンポーネントがDateFromとDateToの計算に使用する解像度の単位数を指定します。

State

ハズデータ

サービスから応答を取得した後、コンポーネントにはデータがある場合、この読み取り専用プロパティをTrueに設定します。

データなし

サービスから応答を取得した後、コンポーネントにはデータがない場合、コンポーネントはこの読み取り専用プロパティをTrueに設定します。

ビジー

コンポーネントは、サービスからの応答を待機しているときに、この読み取り専用プロパティをTrueに設定します。

構成

ChartDataProviderコンポーネントの構成アイテムを作成するには、ChartDataProvider Parametersテンプレートに基づいてアイテムを作成します。

構成アイテムには、次の特定のフィールドがあります。

  • 日付差出人

  • 日付

  • 解決

  • 解像度範囲

次のフィールドを継承します。

  • 目に見える

  • アクセスキー

  • ツールチップ

  • 動作

  • 身分証明書

  • ビジー

  • クエリパラメータ

  • データ

  • メッセージ

  • データなし

  • データURL

  • ハズデータ

この記事を改善するための提案がある場合は、 お知らせください!