チャートAPI参照

このページはPowerPortalsProチャートライブラリ内のすべての公開クラス、インターフェース、列挙をドキュメント化しています。

構成要素

チャートをレンダリングするBlazorのコンポーネントです。

FluentUIChart

ベース Chart コンポーネントをテーマ認識したラッパーを配置しています。アクティブなFluent UIデザイントークンから色を読み込み、Fluent派生パレットからデータセットの色を自動的に塗りつぶし、ユーザーがライトモードとダークモードを切り替えるとチャートのテーマを再設定します。

反応してください

ブレイザー

FluentUIChart クラス

パラメータ

名称	種類	デフォルト
`Datasets`	List<ChartDataset>
`EnableAnimation`	bool	True
`Height`	string?	400px
`Labels`	List<string>
`LegendPosition`	ChartLegendPosition?
`Orientation`	ChartOrientation?
`ShowBorder`	bool	True
`Stacked`	bool	False
`Title`	string?
`Type`	ChartType	Bar
`Width`	string?
`XAxisPrefix`	string?
`XAxisSuffix`	string?
`YAxisPrefix`	string?
`YAxisSuffix`	string?

名称: Datasets

種類: List<ChartDataset>

名称: EnableAnimation

種類: bool

デフォルト: True

名称: Height

種類: string?

デフォルト: 400px

名称: Labels

種類: List<string>

名称: LegendPosition

種類: ChartLegendPosition?

名称: Orientation

種類: ChartOrientation?

名称: ShowBorder

種類: bool

デフォルト: True

名称: Stacked

種類: bool

デフォルト: False

名称: Title

種類: string?

名称: Type

種類: ChartType

デフォルト: Bar

名称: Width

種類: string?

名称: XAxisPrefix

種類: string?

名称: XAxisSuffix

種類: string?

名称: YAxisPrefix

種類: string?

名称: YAxisSuffix

種類: string?

イベント

名称	種類	概要
`OnElementClick`	EventCallback<ChartClickEventArgs>

名称: OnElementClick

種類: EventCallback<ChartClickEventArgs>

方法

名称	パラメータ	種類	概要
`ExportAsImageAsync`		Task<string>

名称: ExportAsImageAsync

種類: Task<string>

DataverseChart

FluentUIChartをラップし、データロードのライフサイクルを所有する利便性コンポーネントです。DataverseChartDataSourceを受け付け、読み込み状態、エラー表示を処理し、オプションでリフレッシュボタンを提供します。

反応してください

ブレイザー

DataverseChart クラス

パラメータ

名称	種類	デフォルト
`AggregationIndex`	int	0
`CrossFilterMode`	ChartCrossFilterMode	Highlight
`DataSource`	ViewDataSource?
`DefaultViewId`	Guid?
`EnableAnimation`	bool	True
`Height`	string?	400px
`LegendPosition`	ChartLegendPosition?
`Orientation`	ChartOrientation?
`ShowBorder`	bool	True
`ShowExportButton`	bool	True
`ShowRefreshButton`	bool	True
`Source`	DataverseChartDataSource?
`Stacked`	bool	False
`Title`	string?
`Type`	ChartType	Bar
`ViewIds`	List<Guid>?
`Width`	string?
`XAxisPrefix`	string?
`XAxisSuffix`	string?
`YAxisPrefix`	string?
`YAxisSuffix`	string?

名称: AggregationIndex

種類: int

デフォルト: 0

名称: CrossFilterMode

種類: ChartCrossFilterMode

デフォルト: Highlight

名称: DataSource

種類: ViewDataSource?

名称: DefaultViewId

種類: Guid?

名称: EnableAnimation

種類: bool

デフォルト: True

名称: Height

種類: string?

デフォルト: 400px

名称: LegendPosition

種類: ChartLegendPosition?

名称: Orientation

種類: ChartOrientation?

名称: ShowBorder

種類: bool

デフォルト: True

名称: ShowExportButton

種類: bool

デフォルト: True

名称: ShowRefreshButton

種類: bool

デフォルト: True

名称: Source

種類: DataverseChartDataSource?

名称: Stacked

種類: bool

デフォルト: False

名称: Title

種類: string?

名称: Type

種類: ChartType

デフォルト: Bar

名称: ViewIds

種類: List<Guid>?

名称: Width

種類: string?

名称: XAxisPrefix

種類: string?

名称: XAxisSuffix

種類: string?

名称: YAxisPrefix

種類: string?

名称: YAxisSuffix

種類: string?

イベント

名称	種類	概要
`OnElementClick`	EventCallback<ChartClickEventArgs>

名称: OnElementClick

種類: EventCallback<ChartClickEventArgs>

チャートの種類と列挙

チャートタイプ選択と日付バケット化のための列挙。

ChartType

基盤となるChart.jsライブラリでサポートされているチャートタイプのセットは、バー、ライン、パイ、ドーナツ、ポーラーエリア、レーダー、バブル、散乱です。

反応してください

ブレイザー

ChartType Enum

価値観

名称	価値	概要
`Bar`	`0`	縦棒グラフ(Chart.js 「バー」)。
`Line`	`1`	折れ線図(Chart.js 「線」)。
`Pie`	`2`	円グラフ(Chart.js 「パイ」)。
`Doughnut`	`3`	ドーナツチャート(Chart.js 「ドーナツ」)。
`PolarArea`	`4`	極地図(Chart.js 「polarArea」)。
`Radar`	`5`	レーダーチャート(Chart.js 「レーダー」)。
`Bubble`	`6`	バブルチャート(Chart.js 「バブル」)。
`Scatter`	`7`	散布図(Chart.js 「散布」)。
`Funnel`	`8`	Funnel chart( chartjs-chart-funnel プラグイン経由、タイプ「funnel」)。

名称: Bar

Value: 0

概要: 縦棒グラフ(Chart.js 「バー」)。

名称: Line

Value: 1

概要: 折れ線図(Chart.js 「線」)。

名称: Pie

Value: 2

概要: 円グラフ(Chart.js 「パイ」)。

名称: Doughnut

Value: 3

概要: ドーナツチャート(Chart.js 「ドーナツ」)。

名称: PolarArea

Value: 4

概要: 極地図(Chart.js 「polarArea」)。

名称: Radar

Value: 5

概要: レーダーチャート(Chart.js 「レーダー」)。

名称: Bubble

Value: 6

概要: バブルチャート(Chart.js 「バブル」)。

名称: Scatter

Value: 7

概要: 散布図(Chart.js 「散布」)。

名称: Funnel

Value: 8

概要: Funnel chart( chartjs-chart-funnel プラグイン経由、タイプ「funnel」)。

ChartDateGrouping

集計クエリでdatetime列をグループ化するための日付バケット間隔。単純な値(Day、Month、Year)と組み合わせ値(MonthAndYear、QuarterAndYearなど)が含まれ、 "Jan 2024"のようなフォーマット済みラベルを生成します。

反応してください

ブレイザー

ChartDateGrouping Enum

価値観

名称	価値	概要
`None`	`0`	日付のグループ化はなく、列は生の値でグループ化されます。
`Day`	`1`	日ごとにグループ化(dategrouping=「day」)。ラベル:日付番号。
`Week`	`2`	ISO週ごとにグループ化(dategrouping=「week」)。ラベル:週番号。
`Month`	`3`	暦月ごとにグループ分け(dategrouping=「month」)。ラベル:現在の文化では月名(1月、2月など)を略称しています。
`Quarter`	`4`	カレンダー四半期別グループ化(dategrouping=「四半期」)。ラベル:クォーターナンバー。
`Year`	`5`	暦年ごとのグループ分け(dategrouping=「年」)。レーベル:年式。
`MonthAndYear`	`6`	月+年ごとにグループ化します。ラベル:「2024年1月」。
`DayAndMonth`	`7`	日+月ごとにグループ分け。レーベル:「15 Jan」。
`DayAndMonthAndYear`	`8`	日+月+年ごとにグループ分け。ラベル:「2024年1月15日」。
`WeekAndYear`	`9`	ISO別グループ、週+年。ラベル:「W15 2024」。
`QuarterAndYear`	`10`	四半期+年ごとのグループ。ラベル:「2024年第1四半期」。

名称: None

Value: 0

概要: 日付のグループ化はなく、列は生の値でグループ化されます。

名称: Day

Value: 1

概要: 日ごとにグループ化(dategrouping=「day」)。ラベル:日付番号。

名称: Week

Value: 2

概要: ISO週ごとにグループ化(dategrouping=「week」)。ラベル:週番号。

名称: Month

Value: 3

概要: 暦月ごとにグループ分け(dategrouping=「month」)。ラベル:現在の文化では月名(1月、2月など)を略称しています。

名称: Quarter

Value: 4

概要: カレンダー四半期別グループ化(dategrouping=「四半期」)。ラベル:クォーターナンバー。

名称: Year

Value: 5

概要: 暦年ごとのグループ分け(dategrouping=「年」)。レーベル:年式。

名称: MonthAndYear

Value: 6

概要: 月+年ごとにグループ化します。ラベル:「2024年1月」。

名称: DayAndMonth

Value: 7

概要: 日+月ごとにグループ分け。レーベル:「15 Jan」。

名称: DayAndMonthAndYear

Value: 8

概要: 日+月+年ごとにグループ分け。ラベル:「2024年1月15日」。

名称: WeekAndYear

Value: 9

概要: ISO別グループ、週+年。ラベル:「W15 2024」。

名称: QuarterAndYear

Value: 10

概要: 四半期+年ごとのグループ。ラベル:「2024年第1四半期」。

データモデル

チャートデータ、データポイント、テーマ付け、クリックイベントペイロードを表すクラスやインターフェースです。

ChartData

チャートをレンダリングするために必要な完全な形状のデータをまとめます:カテゴリラベル(X軸)のリストと1つ以上のデータセットです。データソース LoadAsync メソッドから返されます。

ChartData クラス

性質

名称	種類	デフォルト	概要
`Datasets`	List<ChartDataset>		プロットするデータセット。各データセットの `ChartDataset.Data` 長さは一致し `ChartData.Labels`欠損するバケットは以下の通りです。サーバーによってゼロ充填されるため、位置のアラインメントが保持されますシリーズを横断して。
`Labels`	List<string>		カテゴリラベルは主軸に沿って表示されます。

名称: Datasets

種類: List<ChartDataset>

概要: プロットするデータセット。各データセットの ChartDataset.Data 長さは一致し ChartData.Labels欠損するバケットは以下の通りです。サーバーによってゼロ充填されるため、位置のアラインメントが保持されますシリーズを横断して。

名称: Labels

種類: List<string>

概要: カテゴリラベルは主軸に沿って表示されます。

ChartDataset

チャート上の単一のデータセット(シリーズ)を表します。データポイント、凡例ラベル、背景や境界線のカラーオーバーライドオプションが含まれています。

ChartDataset クラス

性質

名称	種類	デフォルト	概要
`BackgroundColor`	string?		このデータセット内のすべての要素のデフォルトの背景色デカルトチャートタイプ。点ごとの放射状チャートタイプの場合 `DataPoint.BackgroundColor` 上書きが勝ちます。いつ nullの場合、FluentUIChartラッパーはアクティブから自動入力します流暢なパレット。
`BorderColor`	string?		デフォルトのボーダーカラー。先行意味論は `ChartDataset.BackgroundColor`。
`BorderWidth`	double	1	ピクセル単位の要素の境界幅。分数値もサポートされています (例:高DPIディスプレイの髪の生え際の境界線は 0.5 です)。デフォルトは 1です。
`Data`	List<DataPoint>		このデータセットのデータポイント。アイテムは `Models.DataPoint` またはサブクラス(`Models.DataverseDataPoint` データソースが Dataverse 支援されています。多型型の「$type」識別子は次の通りです。 JSONを通じて保存されます。
`Label`	string		このデータセットの凡例ラベル(例:「売上」または「勝ち」)。

名称: BackgroundColor

種類: string?

概要: このデータセット内のすべての要素のデフォルトの背景色デカルトチャートタイプ。点ごとの放射状チャートタイプの場合 DataPoint.BackgroundColor 上書きが勝ちます。いつ nullの場合、FluentUIChartラッパーはアクティブから自動入力します流暢なパレット。

名称: BorderColor

種類: string?

概要: デフォルトのボーダーカラー。先行意味論は ChartDataset.BackgroundColor。

名称: BorderWidth

種類: double

デフォルト: 1

概要: ピクセル単位の要素の境界幅。分数値もサポートされています (例:高DPIディスプレイの髪の生え際の境界線は 0.5 です)。デフォルトは 1です。

名称: Data

種類: List<DataPoint>

概要: このデータセットのデータポイント。アイテムは Models.DataPoint またはサブクラス(Models.DataverseDataPoint データソースが Dataverse 支援されています。多型型の「$type」識別子は次の通りです。 JSONを通じて保存されます。

名称: Label

種類: string

概要: このデータセットの凡例ラベル(例:「売上」または「勝ち」)。

DataPoint

IDataPointのデフォルト実装です。クリックハンドラーが利用可能となる呼び出し元定義コンテキスト(レコードID、リージョンなど)を付けるサブクラスです。

DataPoint クラス

性質

名称	種類	デフォルト	概要
`BackgroundColor`	string?		ポイントごとの背景色。放射状チャートタイプ(円円、ドーナツ、polarArea)で個々のセグメントを明確に色付けする。 nullの場合、FluentUIChartラッパーはアクティブなパレット。
`BorderColor`	string?		ポイントごとの境界色。同じ意味論 `DataPoint.BackgroundColor`。
`Value`	double	0	数値はChart.jsによってプロットされました。

名称: BackgroundColor

種類: string?

概要: ポイントごとの背景色。放射状チャートタイプ(円円、ドーナツ、polarArea)で個々のセグメントを明確に色付けする。 nullの場合、FluentUIChartラッパーはアクティブなパレット。

名称: BorderColor

種類: string?

概要: ポイントごとの境界色。同じ意味論 DataPoint.BackgroundColor。

名称: Value

種類: double

デフォルト: 0

概要: 数値はChart.jsによってプロットされました。

DataverseDataPoint

投影されたDataverseの基礎TableRecordを保持するIDataPoint実装です。クリックハンドラーはこのタイプでパターンマッチを行い、行のID、テーブル名、列の値にアクセスできます。

DataverseDataPoint クラス

性質

名称	種類	デフォルト	概要
`BackgroundColor`	string?		ポイントごとの背景色。放射状チャートタイプ(円円、ドーナツ、polarArea)で個々のセグメントを明確に色付けする。 nullの場合、FluentUIChartラッパーはアクティブなパレット。
`BorderColor`	string?		ポイントごとの境界色。同じ意味論 `DataPoint.BackgroundColor`。
`Record`	TableRecord?		このデータポイントが投影されたDataverseの行です。無効化可能多系列ピボットのゼロ充填バケットにはオリジナルレコード。
`Value`	double	0	数値はChart.jsによってプロットされました。

名称: BackgroundColor

種類: string?

名称: BorderColor

種類: string?

概要: ポイントごとの境界色。同じ意味論 DataPoint.BackgroundColor。

名称: Record

種類: TableRecord?

概要: このデータポイントが投影されたDataverseの行です。無効化可能多系列ピボットのゼロ充填バケットにはオリジナルレコード。

名称: Value

種類: double

デフォルト: 0

概要: 数値はChart.jsによってプロットされました。

ChartTheme

チャートインスタンスに適用されるテーマおよび書式のオーバーライド — テキストの色、グリッド線の色、Y軸の値の書式(接頭辞/接尾辞)、チャートタイトル、スタックモード、そして凡例の位置。

反応してください

ブレイザー

ChartTheme クラス

性質

名称	種類	デフォルト	概要
`EnableAnimation`	bool	True	チャートアニメーションが有効かどうかを取得または設定します。デフォルトは trueです。すべてのエントリーと更新アニメーションを無効にするために false に設定してください。
`GridColor`	string?		軸のグリッドラインや境界線に使われる色を取得または設定します。
`IndexAxis`	ChartIndexAxis?		Chart.jsのカテゴリー軸方向。呼び出し元のコンポーネントレイヤーによって設定されます `Components.ChartOrientationComponents.ChartOrientation)`経由; 消費者はこのプロパティではなく、コンポーネントにOrientationを設定すべきです直接的に。nullの場合、JSレイヤーはチャートタイプ固有のデフォルトを適用します。エヌック値はJSONのシリアル化時に小文字のChart.js文字列に変換されます(参照) `Components.ChartIndexAxis`)。
`LegendPosition`	ChartLegendPosition?		図面に対する凡例の配置、すなわち図 `ChartLegendPosition.Hidden` 完全に隠すために。 nullの場合、Chart.jsのデフォルトが使われます。エナック値は JSONの直列化時に小文字のChart.js文字列に変換される(参照) `Components.ChartLegendPosition`)。
`Stacked`	bool	False	X軸とY軸が重ねられているかどうかを得たり設定したりします。もし事実であれば、データセットはその上に積み重ねられます並べて展示するのではなく、互いに見せ合うものでした。棒グラフや折れ線グラフに当てはまります。
`TextColor`	string?		デフォルトのテキスト、凡例ラベル、軸のティック、タイトルの色を取得または設定します。
`Title`	string?		チャートの上に表示されるタイトルテキストを取得したり設定したりします。無効の場合はタイトルが表示されません。
`XAxisPrefix`	string?		各X軸ティックラベルに前置き文字列を取得または設定します (例えば「Q」は 25セント硬貨の意味です)。nullの場合、プレフィックスは適用されません。
`XAxisSuffix`	string?		各X軸ティックラベルに付加された文字列を取得したり設定したりします。nullの場合は接尾辞が適用されません。
`YAxisPrefix`	string?		各Y軸のティックラベルとツールチップ値に先行付けの文字列を取得したり設定したりします (例えば通貨の「$」など)。nullの場合、プレフィックスは適用されません。
`YAxisSuffix`	string?		各Y軸のティックラベルとツールチップ値に付随する文字列を取得したり設定したりします (例えば「%」はパーセンテージの表記です)。nullの場合は接尾辞が適用されません。

名称: EnableAnimation

種類: bool

デフォルト: True

概要: チャートアニメーションが有効かどうかを取得または設定します。デフォルトは trueです。すべてのエントリーと更新アニメーションを無効にするために false に設定してください。

名称: GridColor

種類: string?

概要: 軸のグリッドラインや境界線に使われる色を取得または設定します。

名称: IndexAxis

種類: ChartIndexAxis?

概要: Chart.jsのカテゴリー軸方向。呼び出し元のコンポーネントレイヤーによって設定されます Components.ChartOrientationComponents.ChartOrientation)経由; 消費者はこのプロパティではなく、コンポーネントにOrientationを設定すべきです直接的に。nullの場合、JSレイヤーはチャートタイプ固有のデフォルトを適用します。エヌック値はJSONのシリアル化時に小文字のChart.js文字列に変換されます(参照) Components.ChartIndexAxis)。

名称: LegendPosition

種類: ChartLegendPosition?

概要: 図面に対する凡例の配置、すなわち図 ChartLegendPosition.Hidden 完全に隠すために。 nullの場合、Chart.jsのデフォルトが使われます。エナック値は JSONの直列化時に小文字のChart.js文字列に変換される(参照) Components.ChartLegendPosition)。

名称: Stacked

種類: bool

デフォルト: False

概要: X軸とY軸が重ねられているかどうかを得たり設定したりします。もし事実であれば、データセットはその上に積み重ねられます並べて展示するのではなく、互いに見せ合うものでした。棒グラフや折れ線グラフに当てはまります。

名称: TextColor

種類: string?

概要: デフォルトのテキスト、凡例ラベル、軸のティック、タイトルの色を取得または設定します。

名称: Title

種類: string?

概要: チャートの上に表示されるタイトルテキストを取得したり設定したりします。無効の場合はタイトルが表示されません。

名称: XAxisPrefix

種類: string?

概要: 各X軸ティックラベルに前置き文字列を取得または設定します (例えば「Q」は 25セント硬貨の意味です)。nullの場合、プレフィックスは適用されません。

名称: XAxisSuffix

種類: string?

概要: 各X軸ティックラベルに付加された文字列を取得したり設定したりします。nullの場合は接尾辞が適用されません。

名称: YAxisPrefix

種類: string?

概要: 各Y軸のティックラベルとツールチップ値に先行付けの文字列を取得したり設定したりします (例えば通貨の「$」など)。nullの場合、プレフィックスは適用されません。

名称: YAxisSuffix

種類: string?

概要: 各Y軸のティックラベルとツールチップ値に付随する文字列を取得したり設定したりします (例えば「%」はパーセンテージの表記です)。nullの場合は接尾辞が適用されません。

ChartClickEventArgs

ペイロードは単一のチャート要素(バー、スライス、ポイントなど)をクリックする動作を記述します。データセットインデックス、データインデックス、ラベル、値、データセットラベル、そしてパターンマッチングのための元の IDataPoint インスタンスを含みます。

反応してください

ブレイザー

ChartClickEventArgs クラス

性質

名称	種類	デフォルト	概要
`DataIndex`	int	0	データセット内のデータ点のゼロベースのインデックスです。
`DataPoint`	DataPoint?		クリックされた要素を支える実際の `Models.DataPoint` インスタンスです。カスタムサブクラス(例: `Models.DataverseDataPoint`)とのパターンマッチでアクセスできます呼び出し元定義コンテキスト(レコードID、カテゴリなど)。の添字がのに JavaScriptは現在のデータセットと一致しなくなりました(例えば、データが置き換えられたためです) クリックの途中)。
`DatasetIndex`	int	0	クリックされた要素を含むデータセットのゼロベースのインデックスです。
`DatasetLabel`	string		クリックされた要素が属するデータセットのラベル(例:「 Sales」)、またはラベルがない場合は空文字列です。
`Label`	string		クリックされた要素に関連付けられたカテゴリラベル(例:「 1月」)は、またはチャートにラベルがない場合は空文字列です。
`Value`	double	0	クリックされたデータポイントの数値。

名称: DataIndex

種類: int

デフォルト: 0

概要: データセット内のデータ点のゼロベースのインデックスです。

名称: DataPoint

種類: DataPoint?

概要: クリックされた要素を支える実際の Models.DataPoint インスタンスです。カスタムサブクラス(例: Models.DataverseDataPoint)とのパターンマッチでアクセスできます呼び出し元定義コンテキスト(レコードID、カテゴリなど)。の添字がのに JavaScriptは現在のデータセットと一致しなくなりました(例えば、データが置き換えられたためです) クリックの途中)。

名称: DatasetIndex

種類: int

デフォルト: 0

概要: クリックされた要素を含むデータセットのゼロベースのインデックスです。

名称: DatasetLabel

種類: string

概要: クリックされた要素が属するデータセットのラベル(例:「 Sales」)、またはラベルがない場合は空文字列です。

名称: Label

種類: string

概要: クリックされた要素に関連付けられたカテゴリラベル(例:「 1月」)は、またはチャートにラベルがない場合は空文字列です。

名称: Value

種類: double

デフォルト: 0

概要: クリックされたデータポイントの数値。

データソース

DataverseからFetchXMLクエリを通じてチャートデータを読み込むデータソースクラス。

DataverseChartDataSource

生のFetchXMLと列マッピングを受け入れるベースデータソースクラス。 IPowerPortalsProServiceでクエリを実行し、集計結果の RelatedRecordValue アンラッピングを処理し、行を単一系列または複数系列の ChartDataにシェイプします。

反応してください

ブレイザー

DataverseChartDataSource クラス

性質

名称	種類	概要
`FetchXml`	string?	実行するFetchXMLクエリ。基底クラスはこれを直接リクエスト;サブクラスのオーバーライド `Models.ChartDataRequest)` 別の入力モードを使う必要があります。
`LabelColumn`	string	チャートラベル(X軸)に使う結果列名。生のもの fetchXMLは属性の論理名(もしそうならそのエイリアス)です FetchXMLで指定されていました。
`SeriesColumn`	string?	行を複数に分割するためのオプションの結果列名データセット。設定した場合、同じ系列値を持つ行は次のようになります。一つのデータセットにまとめられます。
`SingleSeriesLabel`	string	単一エミットされたデータセットに適用される任意のデータセットラベル `DataverseChartDataSource.SeriesColumn` はまだ設定されていません。多系列クエリの使用フォーマット済みのシリーズ値がデータセットラベルとして使われ、これを無視してください。
`ValueColumn`	string	結果列名から数値を読み取る。絶対に返された行の数値列を参照してください。

名称: FetchXml

種類: string?

概要: 実行するFetchXMLクエリ。基底クラスはこれを直接リクエスト;サブクラスのオーバーライド Models.ChartDataRequest) 別の入力モードを使う必要があります。

名称: LabelColumn

種類: string

概要: チャートラベル(X軸)に使う結果列名。生のもの fetchXMLは属性の論理名(もしそうならそのエイリアス)です FetchXMLで指定されていました。

名称: SeriesColumn

種類: string?

概要: 行を複数に分割するためのオプションの結果列名データセット。設定した場合、同じ系列値を持つ行は次のようになります。一つのデータセットにまとめられます。

名称: SingleSeriesLabel

種類: string

概要: 単一エミットされたデータセットに適用される任意のデータセットラベル DataverseChartDataSource.SeriesColumn はまだ設定されていません。多系列クエリの使用フォーマット済みのシリーズ値がデータセットラベルとして使われ、これを無視してください。

名称: ValueColumn

種類: string

概要: 結果列名から数値を読み取る。絶対に返された行の数値列を参照してください。

方法

名称	パラメータ	種類	概要
`LoadAsync`	IChartService chartService	Task<ChartData>	共有 `Services.IChartService`を通じてチャートデータを読み込みます。

名称: LoadAsync

パラメータ: IChartService chartService

種類: Task<ChartData>

概要: 共有 Services.IChartServiceを通じてチャートデータを読み込みます。

AggregateDataverseChartDataSource

生のFetchXMLを要求する代わりに、単純なプロパティ(TableName、GroupByColumn、AggregateColumn、Aggregate)から集約FetchXMLクエリを構築するサブクラスです。日付バケット、マルチシリーズ、ビューベースのフィルタリング、インラインフィルターフラグメント、リンクエンティティ結合をサポートしています。

反応してください

ブレイザー

AggregateDataverseChartDataSource クラス

性質

名称	種類	デフォルト	概要
`Aggregate`	AggregateType	Sum	集計関数は `AggregateDataverseChartDataSource.AggregateColumn`に適用されました。
`AggregateColumn`	string		Dataverseの列を集約します。に対して `AggregateType.Count` どの列でも使えます。セット基地の `DataverseChartDataSource.ValueColumn` クラスで同期を保つために。
`FetchXml`	string?		実行するFetchXMLクエリ。基底クラスはこれを直接リクエスト;サブクラスのオーバーライド `Models.ChartDataRequest)` 別の入力モードを使う必要があります。
`FilterXml`	string?		オプションで生のFetchXMLフィルターフラグメントを注入して生成クエリ(完全な <フィルター>...</フィルター>)。
`GroupByColumn`	string		Dataverseの列をグループ化する—がチャートのX軸となりますラベル。セット `DataverseChartDataSource.LabelColumn` 基本クラスで同期を保つために配置します。
`GroupByDateGrouping`	ChartDateGrouping	None	`AggregateDataverseChartDataSource.GroupByColumn`がdatetime列の場合、日付がバケツ分けされていること。
`GroupByLinkedEntity`	ChartLinkedEntity?		`AggregateDataverseChartDataSource.GroupByColumn`のためのオプションのリンクエンティティチェーン。設定すると、groupby属性はリンクエンティティ内に配置されます生成されたFetchXMLに含まれます。
`LabelColumn`	string		チャートラベル(X軸)に使う結果列名。生のもの fetchXMLは属性の論理名(もしそうならそのエイリアス)です FetchXMLで指定されていました。
`SeriesColumn`	string?		行を複数に分割するためのオプションの結果列名データセット。設定した場合、同じ系列値を持つ行は次のようになります。一つのデータセットにまとめられます。
`SeriesDateGrouping`	ChartDateGrouping	None	シリーズの任意の日付グループ分け — 同じ作品に適用列を `AggregateDataverseChartDataSource.GroupByColumn`として。年次チャートの使用 `ChartDateGrouping.MonthAggregateDataverseChartDataSource.GroupByDateGrouping` およびこの土地 `ChartDateGrouping.Year` 。設定されたら、 `DataverseChartDataSource.SeriesColumn` は無視されます。
`SeriesLinkedEntity`	ChartLinkedEntity?		オプションのリンクエンティティチェーン `DataverseChartDataSource.SeriesColumn`。
`SingleSeriesLabel`	string		単一エミットされたデータセットに適用される任意のデータセットラベル `DataverseChartDataSource.SeriesColumn` はまだ設定されていません。多系列クエリの使用フォーマット済みのシリーズ値がデータセットラベルとして使われ、これを無視してください。
`TableName`	string		Dataverseテーブルでクエリ(例:「機会」)を使います。
`Top`	int?		グループで返却する行数の上限は任意です。
`ValueColumn`	string		結果列名から数値を読み取る。絶対に返された行の数値列を参照してください。
`ViewId`	Guid?		オプションで保存表示IDを用意します。設定すると、ビューのフィルター条件が生成された集計クエリに統合されます。どのものかを決定します記録も含まれています。アグリゲートの設定が、それらの設定を決定しますまとめて。

名称: Aggregate

種類: AggregateType

デフォルト: Sum

概要: 集計関数は AggregateDataverseChartDataSource.AggregateColumnに適用されました。

名称: AggregateColumn

種類: string

概要: Dataverseの列を集約します。に対して AggregateType.Count どの列でも使えます。セット基地の DataverseChartDataSource.ValueColumn クラスで同期を保つために。

名称: FetchXml

種類: string?

名称: FilterXml

種類: string?

概要: オプションで生のFetchXMLフィルターフラグメントを注入して生成クエリ(完全な <フィルター>...</フィルター>)。

名称: GroupByColumn

種類: string

概要: Dataverseの列をグループ化する—がチャートのX軸となりますラベル。セット DataverseChartDataSource.LabelColumn 基本クラスで同期を保つために配置します。

名称: GroupByDateGrouping

種類: ChartDateGrouping

デフォルト: None

概要: AggregateDataverseChartDataSource.GroupByColumnがdatetime列の場合、日付がバケツ分けされていること。

名称: GroupByLinkedEntity

種類: ChartLinkedEntity?

概要: AggregateDataverseChartDataSource.GroupByColumnのためのオプションのリンクエンティティチェーン。設定すると、groupby属性はリンクエンティティ内に配置されます生成されたFetchXMLに含まれます。

名称: LabelColumn

種類: string

概要: チャートラベル(X軸)に使う結果列名。生のもの fetchXMLは属性の論理名(もしそうならそのエイリアス)です FetchXMLで指定されていました。

名称: SeriesColumn

種類: string?

名称: SeriesDateGrouping

種類: ChartDateGrouping

デフォルト: None

概要: シリーズの任意の日付グループ分け — 同じ作品に適用列を AggregateDataverseChartDataSource.GroupByColumnとして。年次チャートの使用 ChartDateGrouping.MonthAggregateDataverseChartDataSource.GroupByDateGrouping およびこの土地 ChartDateGrouping.Year 。設定されたら、 DataverseChartDataSource.SeriesColumn は無視されます。

名称: SeriesLinkedEntity

種類: ChartLinkedEntity?

概要: オプションのリンクエンティティチェーン DataverseChartDataSource.SeriesColumn。

名称: SingleSeriesLabel

種類: string

名称: TableName

種類: string

概要: Dataverseテーブルでクエリ(例:「機会」)を使います。

名称: Top

種類: int?

概要: グループで返却する行数の上限は任意です。

名称: ValueColumn

種類: string

概要: 結果列名から数値を読み取る。絶対に返された行の数値列を参照してください。

名称: ViewId

種類: Guid?

概要: オプションで保存表示IDを用意します。設定すると、ビューのフィルター条件が生成された集計クエリに統合されます。どのものかを決定します記録も含まれています。アグリゲートの設定が、それらの設定を決定しますまとめて。

方法

名称	パラメータ	種類	概要
`LoadAsync`	IChartService chartService	Task<ChartData>	共有 `Services.IChartService`を通じてチャートデータを読み込みます。

名称: LoadAsync

パラメータ: IChartService chartService

種類: Task<ChartData>

概要: 共有 Services.IChartServiceを通じてチャートデータを読み込みます。

ViewDataverseChartDataSource

Dataverseに保存されたビュー(保存されたクエリ)からFetchXMLを解決するサブクラスです。呼び出し元は依然として LabelColumn と ValueColumn を設定し、どの列がラベルや値にマッピングされるかを示します。

反応してください

ブレイザー

ViewDataverseChartDataSource クラス

性質

名称	種類	デフォルト	概要
`FetchXml`	string?		実行するFetchXMLクエリ。基底クラスはこれを直接リクエスト;サブクラスのオーバーライド `Models.ChartDataRequest)` 別の入力モードを使う必要があります。
`LabelColumn`	string		チャートラベル(X軸)に使う結果列名。生のもの fetchXMLは属性の論理名(もしそうならそのエイリアス)です FetchXMLで指定されていました。
`SeriesColumn`	string?		行を複数に分割するためのオプションの結果列名データセット。設定した場合、同じ系列値を持つ行は次のようになります。一つのデータセットにまとめられます。
`SingleSeriesLabel`	string		単一エミットされたデータセットに適用される任意のデータセットラベル `DataverseChartDataSource.SeriesColumn` はまだ設定されていません。多系列クエリの使用フォーマット済みのシリーズ値がデータセットラベルとして使われ、これを無視してください。
`ValueColumn`	string		結果列名から数値を読み取る。絶対に返された行の数値列を参照してください。
`ViewId`	Guid	00000000-0000-0000-0000-000000000000	Dataverseに保存されたビューの一意識別子を読み込みます。そのサーバーはすべての呼び出しでFetchXmlを取得します(ここではキャッシュされていません) 層;ViewMetadataCacheはサーバー側でキャッシュを処理します)。

名称: FetchXml

種類: string?

名称: LabelColumn

種類: string

概要: チャートラベル(X軸)に使う結果列名。生のもの fetchXMLは属性の論理名(もしそうならそのエイリアス)です FetchXMLで指定されていました。

名称: SeriesColumn

種類: string?

名称: SingleSeriesLabel

種類: string

名称: ValueColumn

種類: string

概要: 結果列名から数値を読み取る。絶対に返された行の数値列を参照してください。

名称: ViewId

種類: Guid

デフォルト: 00000000-0000-0000-0000-000000000000

概要: Dataverseに保存されたビューの一意識別子を読み込みます。そのサーバーはすべての呼び出しでFetchXmlを取得します(ここではキャッシュされていません) 層;ViewMetadataCacheはサーバー側でキャッシュを処理します)。

方法

名称	パラメータ	種類	概要
`LoadAsync`	IChartService chartService	Task<ChartData>	共有 `Services.IChartService`を通じてチャートデータを読み込みます。

名称: LoadAsync

パラメータ: IChartService chartService

種類: Task<ChartData>

概要: 共有 Services.IChartServiceを通じてチャートデータを読み込みます。

ChartLinkedEntity

AggregateDataverseChartDataSourceが関連するテーブルにgroupbyやseries属性を配置するために使うリンクされたエンティティ(ジョイン)を記述します。マルチホップジョイン(例:オポチュニティ→アカウント、ビジネスユニット→)に対するLinkedEntityプロパティによる無制限ネストをサポートしています。

ChartLinkedEntity クラス

性質

名称	種類	デフォルト	概要
`From`	string		連結キーを提供するリンクテーブルの列 (例:「 accountid」)。
`JoinType`	JoinOperator	Inner	結合タイプ。デフォルトは `JoinOperator.Inner`です。
`LinkedEntity`	ChartLinkedEntity?		マルチホップ結合のためのオプションの子リンクエンティティ。その Groupby/series属性は最も内側に配置されますチェーン内の存在。
`TableName`	string		リンクされたテーブルの論理名(例:「アカウント」)。
`To`	string		親テーブル(または親リンクエンティティ)上のカラムを結合します (例:「 customerid」)。

名称: From

種類: string

概要: 連結キーを提供するリンクテーブルの列 (例:「 accountid」)。

名称: JoinType

種類: JoinOperator

デフォルト: Inner

概要: 結合タイプ。デフォルトは JoinOperator.Innerです。

名称: LinkedEntity

種類: ChartLinkedEntity?

概要: マルチホップ結合のためのオプションの子リンクエンティティ。その Groupby/series属性は 最も内側に配置されますチェーン内の存在。

名称: TableName

種類: string

概要: リンクされたテーブルの論理名(例:「アカウント」)。

名称: To

種類: string

概要: 親テーブル(または親リンクエンティティ)上のカラムを結合します (例:「 customerid」)。

グリッドとチャート間で1つのデータソースを共有する方法

ViewDataSourceは、MainGridと1つ(または複数の)DataverseChart部品を並行して駆動できます。あるサーバーの往復は行ページとチャート集計を原子的に返すため、グリッドが新しいフィルター上にあるのにグラフが古いフィルターの数値を表示するレースはありません。検索、ソート、ページング、閲覧は、同じデータソースを通じて消費者フローの流れに対応できます。

データソースを OnInitialized で構築し(注入した IGridService が利用可能になるように)、 DataSourceを通じて両方のビューに渡します。グリッドは行ページをレンダリングします。チャートは AggregationResults[AggregationIndex]を示しています。複数の集約もサポートされており、各エントリーが同じデータソースを指す別々のチャートを駆動します。

React

Blazor

チャートスライスをクリックするとデータソースの Highlightが設定され、ペアグリッド内の一致しない行(およびチャート内の一致しないスライス)は再取得せずに暗くなります。同じスライスをもう一度クリックしてクリアします。ドリルスルーナビゲーションやハードフィルターの場合は、 CrossFilterMode="ChartCrossFilterMode.None" を設定して自分で OnElementClick を操作してください。