チャートAPI参照

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

構成要素

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

FluentUIChart

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

反応してください ブレイザー

FluentUIChart クラス

パラメータ

名称
種類
デフォルト
概要
DatasetsList<ChartDataset>
データセットを取得したり、プロットしたりします。 ChartDataset.BackgroundColor ヌル ChartDataset.BorderColor アクティブなフルエントパレットから自動で入力されます。
EnableAnimationbool
True
チャートアニメーションが有効かどうか。デフォルトは trueです。
Heightstring?
400px
チャートコンテナに適用されるオプションのCSS高さを取得したり設定したりします。デフォルトは 400ピクセルです。
LabelsList<string>
チャートの主軸に沿って表示されたカテゴリラベルを取得したり設定したりします。
LegendPositionChartLegendPosition?
図面に対する凡例の配置、すなわち図 ChartLegendPosition.Hidden 完全に隠すために。 nullの場合、Chart.jsのデフォルト(ChartLegendPosition.Top) 使われています。
OrientationChartOrientation?
チャート志向。 ChartOrientation.Horizontalすると、カテゴリが Y軸とX軸の値。ファンネルチャートはトップダウンのファンネルではデフォルトで水平です。 nullの場合はチャートタイプのデフォルトが使われます。
ShowBorderbool
True
チャートをテーマにした角の縁取りで包むかどうか。 デフォルトは trueです。
Stackedbool
False
データセットを並べるのではなく、重ね合わせるかどうか。 棒グラフや折れ線グラフに当てはまります。
Titlestring?
チャートのタイトルはチャートの上に表示されています。無効の場合はタイトルが表示されません。
TypeChartType
Bar
チャート型をレンダリングに設定します(例: ChartType.Bar、 ChartType.Line、 ChartType.Pie、 ChartType.Doughnut)。
Widthstring?
チャートコンテナに適用される任意のCSS幅を取得するか設定します。
XAxisPrefixstring?
各X軸のティックラベルに付け加える任意の文字列。
XAxisSuffixstring?
各X軸のティックラベルにオプションの文字列が付加されます。
YAxisPrefixstring?
各Y軸のティックラベルとツールチップ値に付け加えるオプション文字列 (例えば通貨の 「$」 など)。
YAxisSuffixstring?
各Y軸のティックラベルとツールチップ値に付加される任意の文字列 (例えば 「%」 はパーセンテージの表記です)。
名称: Datasets
種類: List<ChartDataset>
概要: データセットを取得したり、プロットしたりします。 ChartDataset.BackgroundColor ヌル ChartDataset.BorderColor アクティブなフルエントパレットから自動で入力されます。
名称: EnableAnimation
種類: bool
デフォルト: True
概要: チャートアニメーションが有効かどうか。デフォルトは trueです。
名称: Height
種類: string?
デフォルト: 400px
概要: チャートコンテナに適用されるオプションのCSS高さを取得したり設定したりします。デフォルトは 400ピクセルです。
名称: Labels
種類: List<string>
概要: チャートの主軸に沿って表示されたカテゴリラベルを取得したり設定したりします。
名称: LegendPosition
種類: ChartLegendPosition?
概要: 図面に対する凡例の配置、すなわち図 ChartLegendPosition.Hidden 完全に隠すために。 nullの場合、Chart.jsのデフォルト(ChartLegendPosition.Top) 使われています。
名称: Orientation
種類: ChartOrientation?
概要: チャート志向。 ChartOrientation.Horizontalすると、カテゴリが Y軸とX軸の値。ファンネルチャートはトップダウンのファンネルではデフォルトで水平です。 nullの場合はチャートタイプのデフォルトが使われます。
名称: ShowBorder
種類: bool
デフォルト: True
概要: チャートをテーマにした角の縁取りで包むかどうか。 デフォルトは trueです。
名称: Stacked
種類: bool
デフォルト: False
概要: データセットを並べるのではなく、重ね合わせるかどうか。 棒グラフや折れ線グラフに当てはまります。
名称: Title
種類: string?
概要: チャートのタイトルはチャートの上に表示されています。無効の場合はタイトルが表示されません。
名称: Type
種類: ChartType
デフォルト: Bar
概要: チャート型をレンダリングに設定します(例: ChartType.Bar、 ChartType.Line、 ChartType.Pie、 ChartType.Doughnut)。
名称: Width
種類: string?
概要: チャートコンテナに適用される任意のCSS幅を取得するか設定します。
名称: XAxisPrefix
種類: string?
概要: 各X軸のティックラベルに付け加える任意の文字列。
名称: XAxisSuffix
種類: string?
概要: 各X軸のティックラベルにオプションの文字列が付加されます。
名称: YAxisPrefix
種類: string?
概要: 各Y軸のティックラベルとツールチップ値に付け加えるオプション文字列 (例えば通貨の 「$」 など)。
名称: YAxisSuffix
種類: string?
概要: 各Y軸のティックラベルとツールチップ値に付加される任意の文字列 (例えば 「%」 はパーセンテージの表記です)。

イベント

名称
種類
概要
OnElementClickEventCallback<ChartClickEventArgs>
ユーザーがレンダリングされたチャート要素(バー、スライス、ポイントなど)をクリックすると上昇します。 基礎 Components.Chartに転送され、チャートの背景をクリックしても無視されます。
名称: OnElementClick
種類: EventCallback<ChartClickEventArgs>
概要: ユーザーがレンダリングされたチャート要素(バー、スライス、ポイントなど)をクリックすると上昇します。 基礎 Components.Chartに転送され、チャートの背景をクリックしても無視されます。

方法

名称
パラメータ
種類
概要
ExportAsImageAsyncTask<string>
現在のチャートをPNG画像としてエクスポートし、データをBase64エンコードとして返します data URI(例:「 data:image/png;base64,...')。チャート が まだレンダリングされていません。
名称: ExportAsImageAsync
種類: Task<string>
概要: 現在のチャートをPNG画像としてエクスポートし、データをBase64エンコードとして返します data URI(例:「 data:image/png;base64,...')。チャート が まだレンダリングされていません。

DataverseChart

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

反応してください ブレイザー

DataverseChart クラス

パラメータ

名称
種類
デフォルト
概要
AggregationIndexint
0
どの項目 ViewDataSource.AggregationResults レンダリングするために。デフォルトは 0です。1つのデータソースを設定できます 複数の集約によって複数のチャート(1つずつ)を駆動します。 メートル法)です。代わりに使われるときは無視されます DataverseChart.Source 。
CrossFilterModeChartCrossFilterMode
Highlight
DataverseChart.DataSourceが提供されたときのスライスクリック動作。 デフォルトはChartCrossFilterMode.Highlight — ソフト マッチングされたスライスとディムズを強調するクロスフィルター 再取得せずに一致しない行。消費者供給 DataverseChart.OnElementClick依然として並行して発射し、レイヤードの場合 テレメトリー/ドリルスルー挙動。無視された時 DataverseChart.Sourceが使われています。
DataSourceViewDataSource?
共有 Data.ViewDataSource インスタンス(通常は ペア <MainGrid>)を運転しています。相互排他的 DataverseChart.Source。チャートはデータを反応的に読み取ります ViewDataSource.AggregationResults および スライスクリックごとにクロスフィルタ状態をディスパッチします。 DataverseChart.CrossFilterMode。その時はサーバー1台の往復です グリッドの行ページとチャートの集約を原子的に保持します 一貫性がある。
DefaultViewIdGuid?
オプションでデフォルトのビューIDをビュードロップダウンでプリセレクトできます。設定されていなければ、最初の 「View in DataverseChart.ViewIds 」(またはテーブルのデフォルトビュー)が選択されます。
EnableAnimationbool
True
チャートアニメーションが有効かどうか。デフォルトは trueです。
Heightstring?
400px
オプションでコンポーネント全体(ビューセレクターを含む)に適用するCSSの高さ ドロップダウンやテーマ別のボーダー(表示時)などがあります。内部チャートはその空白を埋めます ツールバーとセレクターの後に残ります。デフォルトは 400ピクセルです。
LegendPositionChartLegendPosition?
図面に対する凡例の配置、すなわち図 ChartLegendPosition.Hidden 完全に隠すために。 nullの場合、Chart.jsのデフォルト(ChartLegendPosition.Top) 使われています。
OrientationChartOrientation?
チャート志向。ファンネルチャートはデフォルトで ChartOrientation.Horizontal トップダウン型のファネルの場合です。 nullの場合はチャートタイプのデフォルトが使われます。
ShowBorderbool
True
チャートをテーマにした角の縁取りで包むかどうか。 デフォルトは trueです。
ShowExportButtonbool
True
チャートをPNG画像としてエクスポートするダウンロードボタンを表示するかどうか。 デフォルトは trueです。
ShowRefreshButtonbool
True
チャート右上にリフレッシュボタンを表示するかどうか。デフォルトは trueです。
SourceDataverseChartDataSource?
独立したクラスベースのデータソース。相互排他的 DataverseChart.DataSource — その2つのうち正確にどちらかが 供給された。 DataverseChart.Sourceの場合、このコンポーネントは ロード+リフレッシュのライフサイクルとディスパッチ Services.IChartService 直接。チャートが 自分のフェッチ(ペアグリッドなし)。
Stackedbool
False
データセットを並べるのではなく、重ね合わせるかどうか。
Titlestring?
チャートのタイトルはチャートの上に表示されています。無効の場合はタイトルが表示されません。
TypeChartType
Bar
レンダリングするチャートタイプ。
ViewIdsList<Guid>?
チャート上部のドロップダウンで表示できるDataverseビューIDのオプションリスト。そのとき ユーザーはビューを選択すると、そのフィルター条件がデータソースとチャートに統合されます リロード。 Components.AggregateDataverseChartDataSource と共に作業し、 Components.ViewDataverseChartDataSource。
Widthstring?
チャートコンテナにはオプションのCSS幅が適用されました。
XAxisPrefixstring?
各X軸のティックラベルに付け加える任意の文字列。
XAxisSuffixstring?
各X軸のティックラベルにオプションの文字列が付加されます。
YAxisPrefixstring?
任意の文字列は各Y軸のティックラベルとツールチップ値(例:「 $」)に付け加えられます。
YAxisSuffixstring?
各Y軸のティックラベルとツールチップ値(例:「 %」)に付け加える任意の文字列。
名称: AggregationIndex
種類: int
デフォルト: 0
概要: どの項目 ViewDataSource.AggregationResults レンダリングするために。デフォルトは 0です。1つのデータソースを設定できます 複数の集約によって複数のチャート(1つずつ)を駆動します。 メートル法)です。代わりに使われるときは無視されます DataverseChart.Source 。
名称: CrossFilterMode
種類: ChartCrossFilterMode
デフォルト: Highlight
概要: DataverseChart.DataSourceが提供されたときのスライスクリック動作。 デフォルトはChartCrossFilterMode.Highlight — ソフト マッチングされたスライスとディムズを強調するクロスフィルター 再取得せずに一致しない行。消費者供給 DataverseChart.OnElementClick依然として並行して発射し、レイヤードの場合 テレメトリー/ドリルスルー挙動。無視された時 DataverseChart.Sourceが使われています。
名称: DataSource
種類: ViewDataSource?
概要: 共有 Data.ViewDataSource インスタンス(通常は ペア <MainGrid>)を運転しています。相互排他的 DataverseChart.Source。チャートはデータを反応的に読み取ります ViewDataSource.AggregationResults および スライスクリックごとにクロスフィルタ状態をディスパッチします。 DataverseChart.CrossFilterMode。その時はサーバー1台の往復です グリッドの行ページとチャートの集約を原子的に保持します 一貫性がある。
名称: DefaultViewId
種類: Guid?
概要: オプションでデフォルトのビューIDをビュードロップダウンでプリセレクトできます。設定されていなければ、最初の 「View in DataverseChart.ViewIds 」(またはテーブルのデフォルトビュー)が選択されます。
名称: EnableAnimation
種類: bool
デフォルト: True
概要: チャートアニメーションが有効かどうか。デフォルトは trueです。
名称: Height
種類: string?
デフォルト: 400px
概要: オプションでコンポーネント全体(ビューセレクターを含む)に適用するCSSの高さ ドロップダウンやテーマ別のボーダー(表示時)などがあります。内部チャートはその空白を埋めます ツールバーとセレクターの後に残ります。デフォルトは 400ピクセルです。
名称: LegendPosition
種類: ChartLegendPosition?
概要: 図面に対する凡例の配置、すなわち図 ChartLegendPosition.Hidden 完全に隠すために。 nullの場合、Chart.jsのデフォルト(ChartLegendPosition.Top) 使われています。
名称: Orientation
種類: ChartOrientation?
概要: チャート志向。ファンネルチャートはデフォルトで ChartOrientation.Horizontal トップダウン型のファネルの場合です。 nullの場合はチャートタイプのデフォルトが使われます。
名称: ShowBorder
種類: bool
デフォルト: True
概要: チャートをテーマにした角の縁取りで包むかどうか。 デフォルトは trueです。
名称: ShowExportButton
種類: bool
デフォルト: True
概要: チャートをPNG画像としてエクスポートするダウンロードボタンを表示するかどうか。 デフォルトは trueです。
名称: ShowRefreshButton
種類: bool
デフォルト: True
概要: チャート右上にリフレッシュボタンを表示するかどうか。デフォルトは trueです。
名称: Source
種類: DataverseChartDataSource?
概要: 独立したクラスベースのデータソース。相互排他的 DataverseChart.DataSource — その2つのうち正確にどちらかが 供給された。 DataverseChart.Sourceの場合、このコンポーネントは ロード+リフレッシュのライフサイクルとディスパッチ Services.IChartService 直接。チャートが 自分のフェッチ(ペアグリッドなし)。
名称: Stacked
種類: bool
デフォルト: False
概要: データセットを並べるのではなく、重ね合わせるかどうか。
名称: Title
種類: string?
概要: チャートのタイトルはチャートの上に表示されています。無効の場合はタイトルが表示されません。
名称: Type
種類: ChartType
デフォルト: Bar
概要: レンダリングするチャートタイプ。
名称: ViewIds
種類: List<Guid>?
概要: チャート上部のドロップダウンで表示できるDataverseビューIDのオプションリスト。そのとき ユーザーはビューを選択すると、そのフィルター条件がデータソースとチャートに統合されます リロード。 Components.AggregateDataverseChartDataSource と共に作業し、 Components.ViewDataverseChartDataSource。
名称: Width
種類: string?
概要: チャートコンテナにはオプションのCSS幅が適用されました。
名称: XAxisPrefix
種類: string?
概要: 各X軸のティックラベルに付け加える任意の文字列。
名称: XAxisSuffix
種類: string?
概要: 各X軸のティックラベルにオプションの文字列が付加されます。
名称: YAxisPrefix
種類: string?
概要: 任意の文字列は各Y軸のティックラベルとツールチップ値(例:「 $」)に付け加えられます。
名称: YAxisSuffix
種類: string?
概要: 各Y軸のティックラベルとツールチップ値(例:「 %」)に付け加える任意の文字列。

イベント

名称
種類
概要
OnElementClickEventCallback<ChartClickEventArgs>
ユーザーがレンダリングされたチャート要素をクリックすると、その数値が上がります。
名称: OnElementClick
種類: EventCallback<ChartClickEventArgs>
概要: ユーザーがレンダリングされたチャート要素をクリックすると、その数値が上がります。

チャートの種類と列挙

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

ChartType

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

反応してください ブレイザー

ChartType Enum

価値観

名称
価値
概要
Bar0
縦棒グラフ(Chart.js 「バー」)。
Line1
折れ線図(Chart.js 「線」)。
Pie2
円グラフ(Chart.js 「パイ」)。
Doughnut3
ドーナツチャート(Chart.js 「ドーナツ」)。
PolarArea4
極地図(Chart.js 「polarArea」)。
Radar5
レーダーチャート(Chart.js 「レーダー」)。
Bubble6
バブルチャート(Chart.js 「バブル」)。
Scatter7
散布図(Chart.js 「散布」)。
Funnel8
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

価値観

名称
価値
概要
None0
日付のグループ化はなく、列は生の値でグループ化されます。
Day1
日ごとにグループ化(dategrouping=「day」)。ラベル:日付番号。
Week2
ISO週ごとにグループ化(dategrouping=「week」)。ラベル:週番号。
Month3
暦月ごとにグループ分け(dategrouping=「month」)。ラベル:現在の文化では月名(1月、2月など)を略称しています。
Quarter4
カレンダー四半期別グループ化(dategrouping=「四半期」)。ラベル:クォーターナンバー。
Year5
暦年ごとのグループ分け(dategrouping=「年」)。レーベル:年式。
MonthAndYear6
月+年ごとにグループ化します。ラベル:「2024年1月」。
DayAndMonth7
日+月ごとにグループ分け。レーベル:「15 Jan」。
DayAndMonthAndYear8
日+月+年ごとにグループ分け。ラベル:「2024年1月15日」。
WeekAndYear9
ISO別グループ、週+年。ラベル:「W15 2024」。
QuarterAndYear10
四半期+年ごとのグループ。ラベル:「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 クラス

性質

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

ChartDataset

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

ChartDataset クラス

性質

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

性質

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

DataverseDataPoint

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

DataverseDataPoint クラス

性質

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

ChartTheme

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

反応してください ブレイザー

ChartTheme クラス

性質

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

性質

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

性質

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

方法

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

AggregateDataverseChartDataSource

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

Dataverseは5万件以上のレコードを読み込む集計クエリを拒否します。 SplitOverRecordLimit を設定し、その制限を超えるチャートは日付範囲スライスに分割され、並列実行されて、クエリ全体が得た結果(カウント、合計、最小値、最大値、平均)を組み合わせます。クエリは最初にホールとして試されるため、制限以下のチャートは追加料金がかかりません。 SplitSliceCount 開始スライス数(デフォルトは4)を設定します。約4万件あたり1枚のスライスを選べば、再度分割しなければならないスライスを避けられます。スライスは別の日付列を指定しない限り、 createdon でカット SplitDateColumn 行われます。各スライスはポータルのDataverse許容範囲に対するリクエストなので、必要なチャートではこの機能を有効にしてください。

React Blazor
反応してください ブレイザー

AggregateDataverseChartDataSource クラス

性質

名称
種類
デフォルト
概要
AggregateAggregateType
Sum
集計関数は AggregateDataverseChartDataSource.AggregateColumnに適用されました。
AggregateColumnstring
Dataverseの列を集約します。に対して AggregateType.Count どの列でも使えます。セット 基地の DataverseChartDataSource.ValueColumn クラスで同期を保つために。
FetchXmlstring?
実行するFetchXMLクエリ。基底クラスはこれを 直接リクエスト;サブクラスのオーバーライド Models.ChartDataRequest) 別の入力モードを使う必要があります。
FilterXmlstring?
オプションで生のFetchXMLフィルターフラグメントを注入して 生成クエリ(完全な <フィルター>...</フィルター>)。
GroupByColumnstring
Dataverseの列をグループ化する—がチャートのX軸となります ラベル。セット DataverseChartDataSource.LabelColumn 基本クラスで同期を保つために配置します。
GroupByDateGroupingChartDateGrouping
None
AggregateDataverseChartDataSource.GroupByColumnがdatetime列の場合、 日付がバケツ分けされていること。
GroupByLinkedEntityChartLinkedEntity?
AggregateDataverseChartDataSource.GroupByColumnのためのオプションのリンクエンティティチェーン。 設定すると、groupby属性はリンクエンティティ内に配置されます 生成されたFetchXMLに含まれます。
LabelColumnstring
チャートラベル(X軸)に使う結果列名。生のもの fetchXMLは属性の論理名(もしそうならそのエイリアス)です FetchXMLで指定されていました。
SeriesColumnstring?
行を複数に分割するためのオプションの結果列名 データセット。設定した場合、同じ系列値を持つ行は次のようになります。 一つのデータセットにまとめられます。
SeriesDateGroupingChartDateGrouping
None
シリーズの任意の日付グループ分け — 同じ作品に適用 列を AggregateDataverseChartDataSource.GroupByColumnとして。年次チャートの使用 ChartDateGrouping.MonthAggregateDataverseChartDataSource.GroupByDateGrouping および この土地 ChartDateGrouping.Year 。設定されたら、 DataverseChartDataSource.SeriesColumn は無視されます。
SeriesLinkedEntityChartLinkedEntity?
オプションのリンクエンティティチェーン DataverseChartDataSource.SeriesColumn。
SingleSeriesLabelstring
単一エミットされたデータセットに適用される任意のデータセットラベル DataverseChartDataSource.SeriesColumn はまだ設定されていません。多系列クエリの使用 フォーマット済みのシリーズ値がデータセットラベルとして使われ、これを無視してください。
SplitDateColumnstring?
日付列 AggregateDataverseChartDataSource.SplitOverRecordLimit スライスオンです。デフォルトは createdonです。
SplitOverRecordLimitbool
False
クエリがDataverseの合計上限(50,000件)を超えるレコードを読み取った場合、 日付範囲のスライスに分割し、並列実行して結果を組み合わせる、 Dataverseのエラーが表示されます。デフォルトでオフ。
SplitSliceCountint
4
AggregateDataverseChartDataSource.SplitOverRecordLimit何枚の日付範囲スライスで始まるか。デフォルトは4です。 約4万件のレコードに1スライス、つまり50万件中12件のスライスが、まだ 制限し、半分にしなければなりません。2から64の間で保持されます。
TableNamestring
Dataverseテーブルでクエリ(例:「 機会」)を使います。
Topint?
グループで返却する行数の上限は任意です。
ValueColumnstring
結果列名から数値を読み取る。絶対に 返された行の数値列を参照してください。
ViewIdGuid?
オプションで保存表示IDを用意します。設定すると、ビューのフィルター条件が 生成された集計クエリに統合されます。どのものかを決定します 記録も含まれています。アグリゲートの設定が、それらの設定を決定します まとめて。
名称: 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 はまだ設定されていません。多系列クエリの使用 フォーマット済みのシリーズ値がデータセットラベルとして使われ、これを無視してください。
名称: SplitDateColumn
種類: string?
概要: 日付列 AggregateDataverseChartDataSource.SplitOverRecordLimit スライスオンです。デフォルトは createdonです。
名称: SplitOverRecordLimit
種類: bool
デフォルト: False
概要: クエリがDataverseの合計上限(50,000件)を超えるレコードを読み取った場合、 日付範囲のスライスに分割し、並列実行して結果を組み合わせる、 Dataverseのエラーが表示されます。デフォルトでオフ。
名称: SplitSliceCount
種類: int
デフォルト: 4
概要: AggregateDataverseChartDataSource.SplitOverRecordLimit何枚の日付範囲スライスで始まるか。デフォルトは4です。 約4万件のレコードに1スライス、つまり50万件中12件のスライスが、まだ 制限し、半分にしなければなりません。2から64の間で保持されます。
名称: TableName
種類: string
概要: Dataverseテーブルでクエリ(例:「 機会」)を使います。
名称: Top
種類: int?
概要: グループで返却する行数の上限は任意です。
名称: ValueColumn
種類: string
概要: 結果列名から数値を読み取る。絶対に 返された行の数値列を参照してください。
名称: ViewId
種類: Guid?
概要: オプションで保存表示IDを用意します。設定すると、ビューのフィルター条件が 生成された集計クエリに統合されます。どのものかを決定します 記録も含まれています。アグリゲートの設定が、それらの設定を決定します まとめて。

方法

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

ViewDataverseChartDataSource

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

反応してください ブレイザー

ViewDataverseChartDataSource クラス

性質

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

方法

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

ChartLinkedEntity

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

ChartLinkedEntity クラス

性質

名称
種類
デフォルト
概要
Fromstring
連結キーを提供するリンクテーブルの列 (例:「 accountid」)。
JoinTypeJoinOperator
Inner
結合タイプ。デフォルトは JoinOperator.Innerです。
LinkedEntityChartLinkedEntity?
マルチホップ結合のためのオプションの子リンクエンティティ。その Groupby/series属性は 最も内側に配置されます チェーン内の存在。
TableNamestring
リンクされたテーブルの論理名(例:「 アカウント」)。
Tostring
親テーブル(または親リンクエンティティ)上のカラムを結合します (例:「 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 を操作してください。