次の方法で共有

アダプティブ カードのグラフ

  • [アーティクル]

アダプティブ カードでは、グラフを通じてデータを視覚的に表すことができます。 パフォーマンス ダッシュボード、予算割り当て、プロジェクト管理、顧客分析情報などのグラフを使用できます。

ドーナツ グラフ

Chart.Donut要素を使用して、アダプティブ カードにドーナツ グラフを追加できます。

アダプティブ カードのドーナツ グラフを示すスクリーンショット。

Chart.Donut 要素のプロパティを次に示します。

プロパティ 必須 型 説明
type ✔️ String Chart.Donut である必要があります。
colorSet String グラフのレンダリングに使用する色のセットの名前。
data ✔️ オブジェクトの配列 グラフに表示するデータ。
fallback オブジェクトまたは文字列 この種類の要素がサポートされていない場合、またはホスト アプリケーションが requires プロパティで指定されたすべての機能をサポートしていない場合にレンダリングする代替要素。
使用できる値: Container、ActionSet、ColumnSet、Media、RichTextBlock、Table、TextBlock、 FactSet、ImageSet、Image、Input.Text、Input.Date、Input.Time、Input.Number、Input.Toggle、Input.ChoiceSet、Input.Rating、Rating、CompoundButton、Icon、Chart.Donut、Chart.Pie、Chart.VerticalBar.Grouped、Chart.VerticalBar、Chart.HorizontalBar、Chart.HorizontalBar.Stacked、Chart.Line、CodeBlock、Chart.Gauge 、、drop
grid.area String 要素を表示する必要がある Layout.AreaGrid レイアウトの領域。
height String 要素の高さ。 stretchに設定すると、要素はそのコンテナー内の残りの垂直空間を使用します。
使用できる値: auto、 stretch
既定値： auto
horizontalAlignment String 要素を水平方向に配置する方法を制御します。
使用できる値: Left、 Center、 Right
id String 要素またはアクションの一意の識別子。
isVisible ブール型 要素の可視性を制御します。
既定値： true
lang String 入力要素に関連付けられているロケール。
requires オブジェクト 要素がサポートするためにホスト アプリケーションに必要な機能の一覧。 ホスト アプリケーションが一覧表示されている機能の少なくとも 1 つをサポートしていない場合、要素はレンダリングされず、指定されている場合はフォールバックがレンダリングされます。
許可される値: HostCapabilities
separator ブール型 区切り線を要素の上に表示して、前の要素から視覚的に区切る必要があるかどうかを制御します。 このプロパティが true に設定されている場合でも、コンテナー内の最初の要素の区切り記号は表示されません。
既定値： false
spacing String この要素と前の要素の間の領域の量を制御します。 コンテナー内の最初の要素にスペースは追加されません。
使用できる値: None、 Small、 Default、 Medium、 Large、 ExtraLarge、 Padding
既定値： Default
targetWidth String 要素を表示する必要があるカード幅を制御します。 targetWidthが指定されていない場合、要素はすべてのカード幅でレンダリングされます。 targetWidthを使用すると、使用可能な水平方向のスペースにレイアウトを適応させる応答性の高いカードを作成できます。
詳細については、「 アダプティブ カードの応答性の高いレイアウト」を参照してください。
使用できる値: VeryNarrow、 Narrow、 Standard、 Wide、 atLeast:VeryNarrow、 atMost:VeryNarrow、 atLeast:Narrow、 atMost:Narrow、 atLeast:Standard、 atMost:Standard、 atLeast:Wide、 atMost:Wide
title String グラフのタイトル。

data配列のプロパティを次に示します。

プロパティ 必須 型 説明
color String データ ポイントに使用する色。
使用できる値: good、 warning、 attention、 neutral、 categoricalRed、 categoricalPurple、 categoricalLavender、 categoricalBlue、 categoricalLightBlue、 categoricalTeal、 categoricalGreen、 categoricalLime、 categoricalMarigold、 sequential1、 sequential2、 sequential3、 sequential4、 sequential5、 sequential6、 sequential7sequential8、 divergingBlue、 divergingLightBlue、 divergingCyan、 divergingTeal、 divergingYellow、 divergingPeach、 divergingLightRed、 divergingRed、 divergingMaroon、 divergingGray
legend String グラフの凡例。
value 番号 データ ポイントに関連付けられている値。

ゲージ チャート

Chart.Gauge要素を使用して、アダプティブ カードにゲージ グラフを追加できます。

アダプティブ カードのゲージ グラフを示すスクリーンショット。

Chart.Gauge 要素のプロパティを次に示します。

プロパティ 必須 型 説明
type ✔️ String Chart.Gauge である必要があります。
colorSet String グラフのレンダリングに使用する色のセットの名前。
fallback オブジェクトまたは文字列 この種類の要素がサポートされていない場合、またはホスト アプリケーションが requires プロパティで指定されたすべての機能をサポートしていない場合にレンダリングする代替要素。
使用できる値: Container、ActionSet、ColumnSet、Media、RichTextBlock、Table、TextBlock、 FactSet、ImageSet、Image、Input.Text、Input.Date、Input.Time、Input.Number、Input.Toggle、Input.ChoiceSet、Input.Rating、Rating、CompoundButton、Icon、Chart.Donut、Chart.Pie、Chart.VerticalBar.Grouped、Chart.VerticalBar、Chart.HorizontalBar、Chart.HorizontalBar.Stacked、Chart.Line、CodeBlock、Chart.Gauge 、、drop
grid.area String 要素を表示する必要がある Layout.AreaGrid レイアウトの領域。
height String 要素の高さ。 stretchに設定すると、要素はそのコンテナー内の残りの垂直空間を使用します。
使用できる値: auto、 stretch
既定値： auto
horizontalAlignment String 要素を水平方向に配置する方法を制御します。
使用できる値: Left、 Center、 Right
id String 入力要素の一意識別子。
isVisible ブール型 要素が表示されるかどうかを制御します。
既定値： true
lang String 入力要素に関連付けられているロケール。
max 番号 ゲージの最大値。
min 番号 ゲージの最小値。
requires オブジェクト 要素がサポートするためにホスト アプリケーションに必要な機能の一覧。 ホスト アプリケーションが一覧表示されている機能の少なくとも 1 つをサポートしていない場合、要素はレンダリングされず、指定されている場合はフォールバックがレンダリングされます。
許可される値: HostCapabilities
segments オブジェクトの配列 ゲージに表示するセグメント。
separator ブール型 区切り線を要素の上に表示して、前の要素から視覚的に区切る必要があるかどうかを制御します。 このプロパティが true に設定されている場合でも、コンテナー内の最初の要素の区切り記号は表示されません。
既定値： false
showLegend ブール型 凡例を表示する必要があるかどうかを制御します。
既定値： true
showMinMax ブール型 最小値または最大値を表示する必要があるかどうかを制御します。
既定値： true
spacing String この要素と前の要素の間の領域の量を制御します。 コンテナー内の最初の要素にスペースは追加されません。
使用できる値: None、 Small、 Default、 Medium、 Large、 ExtraLarge、 Padding
既定値： Default
subLabel String ゲージのサブラベル。
targetWidth String 要素を表示する必要があるカード幅を制御します。 targetWidthが指定されていない場合、要素はすべてのカード幅でレンダリングされます。 targetWidthを使用すると、使用可能な水平方向のスペースにレイアウトを適応させる応答性の高いカードを作成できます。
詳細については、「 アダプティブ カードの応答性の高いレイアウト」を参照してください。
使用できる値: VeryNarrow、 Narrow、 Standard、 Wide、 atLeast:VeryNarrow、 atMost:VeryNarrow、 atLeast:Narrow、 atMost:Narrow、 atLeast:Standard、 atMost:Standard、 atLeast:Wide、 atMost:Wide
title String グラフのタイトル。
value 番号 ゲージの値。
既定値: 0
valueFormat String ゲージの値を表示するために使用される形式。
使用できる値: Percentage、 Fraction
既定値： Percentage

segments配列のプロパティを次に示します。

プロパティ 必須 型 説明
color String セグメントに使用する色。
使用できる値: good、 warning、 attention、 neutral、 categoricalRed、 categoricalPurple、 categoricalLavender、 categoricalBlue、 categoricalLightBlue、 categoricalTeal、 categoricalGreen、 categoricalLime、 categoricalMarigold、 sequential1、 sequential2、 sequential3、 sequential4、 sequential5、 sequential6、 sequential7sequential8、 divergingBlue、 divergingLightBlue、 divergingCyan、 divergingTeal、 divergingYellow、 divergingPeach、 divergingLightRed、 divergingRed、 divergingMaroon、 divergingGray
legend String セグメントに関連付けられている凡例テキスト。
value 番号 セグメントのサイズ。
既定値： 0

グループ化された縦棒グラフ

Chart.VerticalBar.Grouped要素を使用して、アダプティブ カードにグループ化された縦棒グラフまたは積み上げ縦棒グラフを追加できます。

アダプティブ カードのグループ化された縦棒グラフを示すスクリーンショット。

Chart.VerticalBar.Grouped 要素のプロパティを次に示します。

プロパティ 必須 型 説明
type ✔️ String Chart.VerticalBar.Grouped である必要があります。
color String すべてのデータ ポイントに使用する色。
使用できる値: good、 warning、 attention、 neutral、 categoricalRed、 categoricalPurple、 categoricalLavender、 categoricalBlue、 categoricalLightBlue、 categoricalTeal、 categoricalGreen、 categoricalLime、 categoricalMarigold、 sequential1、 sequential2、 sequential3、 sequential4、 sequential5、 sequential6、 sequential7sequential8、 divergingBlue、 divergingLightBlue、 divergingCyan、 divergingTeal、 divergingYellow、 divergingPeach、 divergingLightRed、 divergingRed、 divergingMaroon、 divergingGray
colorSet String グラフのレンダリングに使用する色のセットの名前。
data オブジェクトの配列 グラフ内のデータ ポイント。
fallback オブジェクトまたは文字列 この要素がサポートされていない場合、またはホスト アプリケーションが requires プロパティで指定されたすべての機能をサポートしていない場合にレンダリングする代替要素。
使用できる値: Container、ActionSet、ColumnSet、Media、RichTextBlock、Table、TextBlock、 FactSet、ImageSet、Image、Input.Text、Input.Date、Input.Time、Input.Number、Input.Toggle、Input.ChoiceSet、Input.Rating、Rating、CompoundButton、Icon、Chart.Donut、Chart.Pie、Chart.VerticalBar.Grouped、Chart.VerticalBar、Chart.HorizontalBar、Chart.HorizontalBar.Stacked、Chart.Line、CodeBlock、Chart.Gauge 、、drop
grid.area String 要素を表示する必要がある Layout.AreaGrid レイアウトの領域。
height String 要素の高さを制御します。 stretchに設定すると、要素はそのコンテナー内の残りの垂直空間を使用します。
使用できる値: auto、 stretch
既定値： auto
horizontalAlignment String 要素を水平方向に配置する方法を制御します。
使用できる値: Left、 Center、 Right
id String 入力要素またはアクションの一意識別子。
isVisible ブール型 要素が表示されるかどうかを制御します。
既定値： true
lang String 入力要素に関連付けられているロケール。
requires オブジェクト 要素がサポートするためにホスト アプリケーションに必要な機能の一覧。 ホスト アプリケーションが一覧表示されている機能の少なくとも 1 つをサポートしていない場合、要素はレンダリングされず、指定されている場合はフォールバックがレンダリングされます。
サポートされる値: HostCapabilities
separator ブール型 区切り線を要素の上に表示して、前の要素から視覚的に区切る必要があるかどうかを制御します。 このプロパティが true に設定されている場合でも、コンテナー内の最初の要素の区切り記号は表示されません。
既定値： false
showBarValues ブール型 バー値を表示する必要があるかどうかを制御します。
既定値： false
spacing String この要素と前の要素の間の領域の量を制御します。 コンテナー内の最初の要素にスペースは追加されません。
使用できる値: None、 Small、 Default、 Medium、 Large、 ExtraLarge、 Padding
既定値： Default
targetWidth String 要素を表示する必要があるカード幅を制御します。 targetWidthが指定されていない場合、要素はすべてのカード幅でレンダリングされます。 targetWidthを使用すると、使用可能な水平方向のスペースにレイアウトを適応させる応答性の高いカードを作成できます。
詳細については、「 アダプティブ カードの応答性の高いレイアウト」を参照してください。
使用できる値: VeryNarrow、 Narrow、 Standard、 Wide、 atLeast:VeryNarrow、 atMost:VeryNarrow、 atLeast:Narrow、 atMost:Narrow、 atLeast:Standard、 atMost:Standard、 atLeast:Wide、 atMost:Wide
title String グラフのタイトル。
xAxisTitle String x 軸のタイトル。
yAxisTitle String y 軸のタイトル。

data配列のプロパティを次に示します。

プロパティ 必須 型 説明
color String データ ポイントに使用する色。
使用できる値: good、 warning、 attention、 neutral、 categoricalRed、 categoricalPurple、 categoricalLavender、 categoricalBlue、 categoricalLightBlue、 categoricalTeal、 categoricalGreen、 categoricalLime、 categoricalMarigold、 sequential1、 sequential2、 sequential3、 sequential4、 sequential5、 sequential6、 sequential7sequential8、 divergingBlue、 divergingLightBlue、 divergingCyan、 divergingTeal、 divergingYellow、 divergingPeach、 divergingLightRed、 divergingRed、 divergingMaroon、 divergingGray
legend String グラフの凡例。
values 番号 系列内のデータ ポイント。

valuesのプロパティを次に示します。

プロパティ 必須 型 説明
x String データ ポイントの x 軸の値。
y 番号 データ ポイントの y 軸の値。

横棒グラフ

Chart.HorizontalBar要素を使用して、アダプティブ カードに横棒グラフを追加できます。

アダプティブ カードの横棒グラフを示すスクリーンショット。

Chart.HorizontalBar 要素のプロパティを次に示します。

プロパティ 必須 型 説明
type ✔️ String Chart.HorizontalBar である必要があります。
color String すべてのデータ ポイントに使用する色。
使用できる値: good、 warning、 attention、 neutral、 categoricalRed、 categoricalPurple、 categoricalLavender、 categoricalBlue、 categoricalLightBlue、 categoricalTeal、 categoricalGreen、 categoricalLime、 categoricalMarigold、 sequential1、 sequential2、 sequential3、 sequential4、 sequential5、 sequential6、 sequential7sequential8、 divergingBlue、 divergingLightBlue、 divergingCyan、 divergingTeal、 divergingYellow、 divergingPeach、 divergingLightRed、 divergingRed、 divergingMaroon、 divergingGray
colorSet String グラフのレンダリングに使用する色のセットの名前。
data オブジェクトの配列 グラフ内のデータ ポイント。
displayMode String グラフを視覚的にレイアウトする方法を制御します。
使用できる値: AbsoluteWithAxis、AbsoluteNoAxis、PartToWhole
既定値： AbsoluteWithAxis
fallback オブジェクトまたは文字列 この要素がサポートされていない場合、またはホスト アプリケーションが requires プロパティで指定されたすべての機能をサポートしていない場合にレンダリングする代替要素。
使用できる値: Container、ActionSet、ColumnSet、Media、RichTextBlock、Table、TextBlock、 FactSet、ImageSet、Image、Input.Text、Input.Date、Input.Time、Input.Number、Input.Toggle、Input.ChoiceSet、Input.Rating、Rating、CompoundButton、Icon、Chart.Donut、Chart.Pie、Chart.VerticalBar.Grouped、Chart.VerticalBar、Chart.HorizontalBar、Chart.HorizontalBar.Stacked、Chart.Line、CodeBlock、Chart.Gauge 、、drop
grid.area String 要素を表示する必要がある Layout.AreaGrid レイアウトの領域。
height String 要素の高さを制御します。 stretchに設定すると、要素はそのコンテナー内の残りの垂直空間を使用します。
使用できる値: auto、 stretch
既定値： auto
horizontalAlignment String 要素を水平方向に配置する方法を制御します。
使用できる値: Left、 Center、 Right
id String 入力要素またはアクションの一意識別子。
isVisible ブール型 要素が表示されるかどうかを制御します。
既定値： true
lang String 入力要素に関連付けられているロケール。
requires オブジェクト 要素がサポートするためにホスト アプリケーションに必要な機能の一覧。 ホスト アプリケーションが一覧表示されている機能の少なくとも 1 つをサポートしていない場合、要素はレンダリングされず、指定されている場合はフォールバックがレンダリングされます。
サポートされる値: HostCapabilities
separator ブール型 区切り線を要素の上に表示して、前の要素から視覚的に区切る必要があるかどうかを制御します。 このプロパティが true に設定されている場合でも、コンテナー内の最初の要素の区切り記号は表示されません。
既定値： false
spacing String この要素と前の要素の間の領域の量を制御します。 コンテナー内の最初の要素にスペースは追加されません。
使用できる値: None、 Small、 Default、 Medium、 Large、 ExtraLarge、 Padding
既定値： Default
targetWidth String 要素を表示する必要があるカード幅を制御します。 targetWidthが指定されていない場合、要素はすべてのカード幅でレンダリングされます。 targetWidthを使用すると、使用可能な水平方向のスペースにレイアウトを適応させる応答性の高いカードを作成できます。
詳細については、「 アダプティブ カードの応答性の高いレイアウト」を参照してください。
使用できる値: VeryNarrow、 Narrow、 Standard、 Wide、 atLeast:VeryNarrow、 atMost:VeryNarrow、 atLeast:Narrow、 atMost:Narrow、 atLeast:Standard、 atMost:Standard、 atLeast:Wide、 atMost:Wide
title String グラフのタイトル。
xAxisTitle String x 軸のタイトル。
yAxisTitle String y 軸のタイトル。

data配列のプロパティを次に示します。

プロパティ 必須 型 説明
color String データ ポイントに使用する色。
使用できる値: good、 warning、 attention、 neutral、 categoricalRed、 categoricalPurple、 categoricalLavender、 categoricalBlue、 categoricalLightBlue、 categoricalTeal、 categoricalGreen、 categoricalLime、 categoricalMarigold、 sequential1、 sequential2、 sequential3、 sequential4、 sequential5、 sequential6、 sequential7sequential8、 divergingBlue、 divergingLightBlue、 divergingCyan、 divergingTeal、 divergingYellow、 divergingPeach、 divergingLightRed、 divergingRed、 divergingMaroon、 divergingGray
x String データ ポイントの x 軸の値。
y 番号 データ ポイントの y 軸の値。

折れ線グラフ

Chart.Line要素を使用して、アダプティブ カードに折れ線グラフを追加できます。

アダプティブ カードの折れ線グラフを示すスクリーンショット。

Chart.Line 要素のプロパティを次に示します。

プロパティ 必須 型 説明
type ✔️ String Chart.Line である必要があります。
color String すべてのデータ ポイントに使用する色。
使用できる値: good、 warning、 attention、 neutral、 categoricalRed、 categoricalPurple、 categoricalLavender、 categoricalBlue、 categoricalLightBlue、 categoricalTeal、 categoricalGreen、 categoricalLime、 categoricalMarigold、 sequential1、 sequential2、 sequential3、 sequential4、 sequential5、 sequential6、 sequential7sequential8、 divergingBlue、 divergingLightBlue、 divergingCyan、 divergingTeal、 divergingYellow、 divergingPeach、 divergingLightRed、 divergingRed、 divergingMaroon、 divergingGray
colorSet String グラフのレンダリングに使用する色のセットの名前。
data オブジェクトの配列 グラフ内のデータ ポイント。
fallback オブジェクトまたは文字列 この要素がサポートされていない場合、またはホスト アプリケーションが requires プロパティで指定されたすべての機能をサポートしていない場合にレンダリングする代替要素。
使用できる値: Container、ActionSet、ColumnSet、Media、RichTextBlock、Table、TextBlock、 FactSet、ImageSet、Image、Input.Text、Input.Date、Input.Time、Input.Number、Input.Toggle、Input.ChoiceSet、Input.Rating、Rating、CompoundButton、Icon、Chart.Donut、Chart.Pie、Chart.VerticalBar.Grouped、Chart.VerticalBar、Chart.HorizontalBar、Chart.HorizontalBar.Stacked、Chart.Line、CodeBlock、Chart.Gauge 、、drop
grid.area String 要素を表示する必要がある Layout.AreaGrid レイアウトの領域。
height String 要素の高さを制御します。 stretchに設定すると、要素はそのコンテナー内の残りの垂直空間を使用します。
使用できる値: auto、 stretch
既定値： auto
horizontalAlignment String 要素を水平方向に配置する方法を制御します。
使用できる値: Left、 Center、 Right
id String 入力要素またはアクションの一意識別子。
isVisible ブール型 要素が表示されるかどうかを制御します。
既定値： true
lang String 入力要素に関連付けられているロケール。
requires オブジェクト 要素がサポートするためにホスト アプリケーションに必要な機能の一覧。 ホスト アプリケーションが一覧表示されている機能の少なくとも 1 つをサポートしていない場合、要素はレンダリングされず、指定されている場合はフォールバックがレンダリングされます。
サポートされる値: HostCapabilities
separator ブール型 区切り線を要素の上に表示して、前の要素から視覚的に区切る必要があるかどうかを制御します。 このプロパティが true に設定されている場合でも、コンテナー内の最初の要素の区切り記号は表示されません。
既定値： false
spacing String この要素と前の要素の間の領域の量を制御します。 コンテナー内の最初の要素にスペースは追加されません。
使用できる値: None、 Small、 Default、 Medium、 Large、 ExtraLarge、 Padding
既定値： Default
targetWidth String 要素を表示する必要があるカード幅を制御します。 targetWidthが指定されていない場合、要素はすべてのカード幅でレンダリングされます。 targetWidthを使用すると、使用可能な水平方向のスペースにレイアウトを適応させる応答性の高いカードを作成できます。
詳細については、「 アダプティブ カードの応答性の高いレイアウト」を参照してください。
使用できる値: VeryNarrow、 Narrow、 Standard、 Wide、 atLeast:VeryNarrow、 atMost:VeryNarrow、 atLeast:Narrow、 atMost:Narrow、 atLeast:Standard、 atMost:Standard、 atLeast:Wide、 atMost:Wide
title String グラフのタイトル。
xAxisTitle String x 軸のタイトル。
yAxisTitle String y 軸のタイトル。

data配列のプロパティを次に示します。

プロパティ 必須 型 説明
color String データ ポイントに使用する色。
使用できる値: good、 warning、 attention、 neutral、 categoricalRed、 categoricalPurple、 categoricalLavender、 categoricalBlue、 categoricalLightBlue、 categoricalTeal、 categoricalGreen、 categoricalLime、 categoricalMarigold、 sequential1、 sequential2、 sequential3、 sequential4、 sequential5、 sequential6、 sequential7sequential8、 divergingBlue、 divergingLightBlue、 divergingCyan、 divergingTeal、 divergingYellow、 divergingPeach、 divergingLightRed、 divergingRed、 divergingMaroon、 divergingGray
legend String グラフの凡例。
values オブジェクトの配列 系列内のデータ ポイント。

valuesのプロパティを次に示します。

プロパティ 必須 型 説明
x 数値または文字列の 1 つ データ ポイントの x 軸の値。
y 番号 データ ポイントの y 軸の値。

円グラフ

Chart.Pie要素を使用して、アダプティブ カードに円グラフを追加できます。

アダプティブ カードの円グラフを示すスクリーンショット。

Chart.Pie 要素のプロパティを次に示します。

プロパティ 必須 型 説明
type ✔️ String Chart.Pie である必要があります。
colorSet String グラフのレンダリングに使用する色のセットの名前。
data オブジェクトの配列 グラフに表示するデータ。
fallback オブジェクトまたは文字列 この要素がサポートされていない場合、またはホスト アプリケーションが requires プロパティで指定されたすべての機能をサポートしていない場合にレンダリングする代替要素。
使用できる値: Container、ActionSet、ColumnSet、Media、RichTextBlock、Table、TextBlock、 FactSet、ImageSet、Image、Input.Text、Input.Date、Input.Time、Input.Number、Input.Toggle、Input.ChoiceSet、Input.Rating、Rating、CompoundButton、Icon、Chart.Donut、Chart.Pie、Chart.VerticalBar.Grouped、Chart.VerticalBar、Chart.HorizontalBar、Chart.HorizontalBar.Stacked、Chart.Line、CodeBlock、Chart.Gauge 、、drop
grid.area String 要素を表示する必要がある Layout.AreaGrid レイアウトの領域。
height String 要素の高さを制御します。 stretchに設定すると、要素はそのコンテナー内の残りの垂直空間を使用します。
使用できる値: auto、 stretch
既定値： auto
horizontalAlignment String 要素を水平方向に配置する方法を制御します。
使用できる値: Left、 Center、 Right
id String 入力要素またはアクションの一意識別子。
isVisible ブール型 要素が表示されるかどうかを制御します。
既定値： true
lang String 入力要素に関連付けられているロケール。
requires オブジェクト 要素がサポートするためにホスト アプリケーションに必要な機能の一覧。 ホスト アプリケーションが一覧表示されている機能の少なくとも 1 つをサポートしていない場合、要素はレンダリングされず、指定されている場合はフォールバックがレンダリングされます。
サポートされる値: HostCapabilities
separator ブール型 区切り線を要素の上に表示して、前の要素から視覚的に区切る必要があるかどうかを制御します。 このプロパティが true に設定されている場合でも、コンテナー内の最初の要素の区切り記号は表示されません。
既定値： false
spacing String この要素と前の要素の間の領域の量を制御します。 コンテナー内の最初の要素にスペースは追加されません。
使用できる値: None、 Small、 Default、 Medium、 Large、 ExtraLarge、 Padding
既定値： Default
targetWidth String 要素を表示する必要があるカード幅を制御します。 targetWidthが指定されていない場合、要素はすべてのカード幅でレンダリングされます。 targetWidthを使用すると、使用可能な水平方向のスペースにレイアウトを適応させる応答性の高いカードを作成できます。
詳細については、「 アダプティブ カードの応答性の高いレイアウト」を参照してください。
使用できる値: VeryNarrow、 Narrow、 Standard、 Wide、 atLeast:VeryNarrow、 atMost:VeryNarrow、 atLeast:Narrow、 atMost:Narrow、 atLeast:Standard、 atMost:Standard、 atLeast:Wide、 atMost:Wide
title String グラフのタイトル。

data配列のプロパティを次に示します。

プロパティ 必須 型 説明
color String データ ポイントに使用する色。
使用できる値: good、 warning、 attention、 neutral、 categoricalRed、 categoricalPurple、 categoricalLavender、 categoricalBlue、 categoricalLightBlue、 categoricalTeal、 categoricalGreen、 categoricalLime、 categoricalMarigold、 sequential1、 sequential2、 sequential3、 sequential4、 sequential5、 sequential6、 sequential7sequential8、 divergingBlue、 divergingLightBlue、 divergingCyan、 divergingTeal、 divergingYellow、 divergingPeach、 divergingLightRed、 divergingRed、 divergingMaroon、 divergingGray
legend String グラフの凡例。
value 番号 データ ポイントに関連付けられている値。

積み上げ横棒グラフ

Chart.HorizontalBar.Stacked要素を使用して、アダプティブ カードに積み上げ横棒グラフを追加できます。

アダプティブ カードの積み上げ横棒グラフを示すスクリーンショット。

Chart.HorizontalBar.Stacked 要素のプロパティを次に示します。

プロパティ 必須 型 説明
type ✔️ String Chart.HorizontalBar.Stacked である必要があります。
color String すべてのデータ ポイントに使用する色。
使用できる値: good、 warning、 attention、 neutral、 categoricalRed、 categoricalPurple、 categoricalLavender、 categoricalBlue、 categoricalLightBlue、 categoricalTeal、 categoricalGreen、 categoricalLime、 categoricalMarigold、 sequential1、 sequential2、 sequential3、 sequential4、 sequential5、 sequential6、 sequential7sequential8、 divergingBlue、 divergingLightBlue、 divergingCyan、 divergingTeal、 divergingYellow、 divergingPeach、 divergingLightRed、 divergingRed、 divergingMaroon、 divergingGray
colorSet String グラフのレンダリングに使用する色のセットの名前。
data オブジェクトの配列 グラフ内のデータ ポイント。
fallback オブジェクトまたは文字列 この要素がサポートされていない場合、またはホスト アプリケーションが requires プロパティで指定されたすべての機能をサポートしていない場合にレンダリングする代替要素。
使用できる値: Container、ActionSet、ColumnSet、Media、RichTextBlock、Table、TextBlock、 FactSet、ImageSet、Image、Input.Text、Input.Date、Input.Time、Input.Number、Input.Toggle、Input.ChoiceSet、Input.Rating、Rating、CompoundButton、Icon、Chart.Donut、Chart.Pie、Chart.VerticalBar.Grouped、Chart.VerticalBar、Chart.HorizontalBar、Chart.HorizontalBar.Stacked、Chart.Line、CodeBlock、Chart.Gauge 、、drop
grid.area String 要素を表示する必要がある Layout.AreaGrid レイアウトの領域。
height String 要素の高さを制御します。 stretchに設定すると、要素はそのコンテナー内の残りの垂直空間を使用します。
使用できる値: auto、 stretch
既定値： auto
horizontalAlignment String 要素を水平方向に配置する方法を制御します。
使用できる値: Left、 Center、 Right
id String 入力要素またはアクションの一意識別子。
isVisible ブール型 要素が表示されるかどうかを制御します。
既定値： true
lang String 入力要素に関連付けられているロケール。
requires オブジェクト 要素がサポートするためにホスト アプリケーションに必要な機能の一覧。 ホスト アプリケーションが一覧表示されている機能の少なくとも 1 つをサポートしていない場合、要素はレンダリングされず、指定されている場合はフォールバックがレンダリングされます。
サポートされる値: HostCapabilities
separator ブール型 区切り線を要素の上に表示して、前の要素から視覚的に区切る必要があるかどうかを制御します。 このプロパティが true に設定されている場合でも、コンテナー内の最初の要素の区切り記号は表示されません。
既定値： false
spacing String この要素と前の要素の間の領域の量を制御します。 コンテナー内の最初の要素にスペースは追加されません。
使用できる値: None、 Small、 Default、 Medium、 Large、 ExtraLarge、 Padding
既定値： Default
targetWidth String 要素を表示する必要があるカード幅を制御します。 targetWidthが指定されていない場合、要素はすべてのカード幅でレンダリングされます。 targetWidthを使用すると、使用可能な水平方向のスペースにレイアウトを適応させる応答性の高いカードを作成できます。
詳細については、「 アダプティブ カードの応答性の高いレイアウト」を参照してください。
使用できる値: VeryNarrow、 Narrow、 Standard、 Wide、 atLeast:VeryNarrow、 atMost:VeryNarrow、 atLeast:Narrow、 atMost:Narrow、 atLeast:Standard、 atMost:Standard、 atLeast:Wide、 atMost:Wide
title String グラフのタイトル。
xAxisTitle String x 軸のタイトル。
yAxisTitle String y 軸のタイトル。

data配列のプロパティを次に示します。

プロパティ 必須 型 説明
data オブジェクトの配列 系列内のデータ ポイント。
title String シリーズのタイトル。

入れ子になった data 配列のプロパティを次に示します。

プロパティ 必須 型 説明
color String データ ポイントに使用する色。
使用できる値: good、 warning、 attention、 neutral、 categoricalRed、 categoricalPurple、 categoricalLavender、 categoricalBlue、 categoricalLightBlue、 categoricalTeal、 categoricalGreen、 categoricalLime、 categoricalMarigold、 sequential1、 sequential2、 sequential3、 sequential4、 sequential5、 sequential6、 sequential7sequential8、 divergingBlue、 divergingLightBlue、 divergingCyan、 divergingTeal、 divergingYellow、 divergingPeach、 divergingLightRed、 divergingRed、 divergingMaroon、 divergingGray
legend String データ ポイントに関連付けられている凡例。
value 番号 データ ポイントの値。

縦棒グラフ

Chart.VerticalBar要素を使用して、アダプティブ カードに縦棒グラフを追加できます。

アダプティブ カードの縦棒グラフを示すスクリーンショット。

Chart.VerticalBar 要素のプロパティを次に示します。

プロパティ 必須 型 説明
type ✔️ String Chart.VerticalBar である必要があります。
color String すべてのデータ ポイントに使用する色。
使用できる値: good、 warning、 attention、 neutral、 categoricalRed、 categoricalPurple、 categoricalLavender、 categoricalBlue、 categoricalLightBlue、 categoricalTeal、 categoricalGreen、 categoricalLime、 categoricalMarigold、 sequential1、 sequential2、 sequential3、 sequential4、 sequential5、 sequential6、 sequential7sequential8、 divergingBlue、 divergingLightBlue、 divergingCyan、 divergingTeal、 divergingYellow、 divergingPeach、 divergingLightRed、 divergingRed、 divergingMaroon、 divergingGray
colorSet String グラフのレンダリングに使用する色のセットの名前。
data オブジェクトの配列 グラフ内のデータ ポイント。
fallback オブジェクトまたは文字列 この要素がサポートされていない場合、またはホスト アプリケーションが requires プロパティで指定されたすべての機能をサポートしていない場合にレンダリングする代替要素。
使用できる値: Container、ActionSet、ColumnSet、Media、RichTextBlock、Table、TextBlock、 FactSet、ImageSet、Image、Input.Text、Input.Date、Input.Time、Input.Number、Input.Toggle、Input.ChoiceSet、Input.Rating、Rating、CompoundButton、Icon、Chart.Donut、Chart.Pie、Chart.VerticalBar.Grouped、Chart.VerticalBar、Chart.HorizontalBar、Chart.HorizontalBar.Stacked、Chart.Line、CodeBlock、Chart.Gauge 、、drop
grid.area String 要素を表示する必要がある Layout.AreaGrid レイアウトの領域。
height String 要素の高さを制御します。 stretchに設定すると、要素はそのコンテナー内の残りの垂直空間を使用します。
使用できる値: auto、 stretch
既定値： auto
horizontalAlignment String 要素を水平方向に配置する方法を制御します。
使用できる値: Left、 Center、 Right
id String 入力要素またはアクションの一意識別子。
isVisible ブール型 要素が表示されるかどうかを制御します。
既定値： true
lang String 入力要素に関連付けられているロケール。
requires オブジェクト 要素がサポートするためにホスト アプリケーションに必要な機能の一覧。 ホスト アプリケーションが一覧表示されている機能の少なくとも 1 つをサポートしていない場合、要素はレンダリングされず、指定されている場合はフォールバックがレンダリングされます。
サポートされる値: HostCapabilities
separator ブール型 区切り線を要素の上に表示して、前の要素から視覚的に区切る必要があるかどうかを制御します。 このプロパティが true に設定されている場合でも、コンテナー内の最初の要素の区切り記号は表示されません。
既定値： false
showBarValues ブール型 バー値を表示する必要があるかどうかを制御します。
既定値： false
spacing String この要素と前の要素の間の領域の量を制御します。 コンテナー内の最初の要素にスペースは追加されません。
使用できる値: None、 Small、 Default、 Medium、 Large、 ExtraLarge、 Padding
既定値： Default
targetWidth String 要素を表示する必要があるカード幅を制御します。 targetWidthが指定されていない場合、要素はすべてのカード幅でレンダリングされます。 targetWidthを使用すると、使用可能な水平方向のスペースにレイアウトを適応させる応答性の高いカードを作成できます。
詳細については、「 アダプティブ カードの応答性の高いレイアウト」を参照してください。
使用できる値: VeryNarrow、 Narrow、 Standard、 Wide、 atLeast:VeryNarrow、 atMost:VeryNarrow、 atLeast:Narrow、 atMost:Narrow、 atLeast:Standard、 atMost:Standard、 atLeast:Wide、 atMost:Wide
title String グラフのタイトル。
xAxisTitle String x 軸のタイトル。
yAxisTitle String y 軸のタイトル。

data配列のプロパティを次に示します。

プロパティ 必須 型 説明
color String データ ポイントに使用する色。
使用できる値: good、 warning、 attention、 neutral、 categoricalRed、 categoricalPurple、 categoricalLavender、 categoricalBlue、 categoricalLightBlue、 categoricalTeal、 categoricalGreen、 categoricalLime、 categoricalMarigold、 sequential1、 sequential2、 sequential3、 sequential4、 sequential5、 sequential6、 sequential7sequential8、 divergingBlue、 divergingLightBlue、 divergingCyan、 divergingTeal、 divergingYellow、 divergingPeach、 divergingLightRed、 divergingRed、 divergingMaroon、 divergingGray
x 数値または文字列の 1 つ データ ポイントの x 軸の値。
y 番号 データ ポイントの y 軸の値。

コード サンプル

名前 説明 .Node.js .NET
カードの書式設定 このサンプル アプリでは、アダプティブ カードのさまざまなグラフを示します。 表示 表示

関連項目