次の方法で共有


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

重要

このドキュメントはレガシと見なされます。 アダプティブ カードに関連する包括的な情報とリソースについては、 アダプティブ カードのドキュメント ハブを参照してください。

Microsoft アダプティブ カード Web サイトのホーム ページを示すスクリーンショット。

Adaptive Cards ドキュメント ハブには、完全で最新のリファレンス ドキュメント、更新されたアダプティブ カード Designer、組み込みの JSON 例、設計のベスト プラクティス、アダプティブ カード機能の詳細なリリース履歴が用意されています。 詳細については、 アダプティブ カードのドキュメント ハブと新しいアダプティブ カード更新プログラムの概要に関するページを参照してください。

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

ドーナツ グラフ

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

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

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

プロパティ 必須 説明
type ✔️ String Chart.Donut である必要があります。
colorSet String グラフのレンダリングに使用する色のセットの名前。
data ✔️ オブジェクトの配列 グラフに表示するデータ。
fallback オブジェクトまたは文字列 この種類の要素がサポートされていない場合、またはホスト アプリケーションが requires プロパティで指定されたすべての機能をサポートしていない場合にレンダリングする代替要素。
使用できる値: ContainerActionSetColumnSetMediaRichTextBlockTableTextBlockFactSetImageSetImageInput.TextInput.DateInput.TimeInput.NumberInput.ToggleInput.ChoiceSetInput.RatingRatingCompoundButtonIconChart.DonutChart.PieChart.VerticalBar.GroupedChart.VerticalBarChart.HorizontalBarChart.HorizontalBar.StackedChart.LineCodeBlockChart.Gauge 、、drop
grid.area String 要素を表示する必要がある Layout.AreaGrid レイアウトの領域。
height String 要素の高さ。 stretchに設定すると、要素はそのコンテナー内の残りの垂直空間を使用します。
使用できる値: autostretch
既定値: auto
horizontalAlignment String 要素を水平方向に配置する方法を制御します。
使用できる値: LeftCenterRight
id String 要素またはアクションの一意の識別子。
isVisible ブール型 要素の可視性を制御します。
既定値: true
lang String 入力要素に関連付けられているロケール。
requires オブジェクト 要素がサポートするためにホスト アプリケーションに必要な機能の一覧。 ホスト アプリケーションが一覧表示されている機能の少なくとも 1 つをサポートしていない場合、要素はレンダリングされず、指定されている場合はフォールバックがレンダリングされます。
許可される値: HostCapabilities
separator ブール型 区切り線を要素の上に表示して、前の要素から視覚的に区切る必要があるかどうかを制御します。 このプロパティが true に設定されている場合でも、コンテナー内の最初の要素の区切り記号は表示されません。
既定値: false
spacing String この要素と前の要素の間の領域の量を制御します。 コンテナー内の最初の要素にスペースは追加されません。
使用できる値: NoneSmallDefaultMediumLargeExtraLargePadding
既定値: Default
targetWidth String 要素を表示する必要があるカード幅を制御します。 targetWidthが指定されていない場合、要素はすべてのカード幅でレンダリングされます。 targetWidthを使用すると、使用可能な水平方向のスペースにレイアウトを適応させる応答性の高いカードを作成できます。
詳細については、「 アダプティブ カードの応答性の高いレイアウト」を参照してください。
使用できる値: VeryNarrowNarrowStandardWideatLeast:VeryNarrowatMost:VeryNarrowatLeast:NarrowatMost:NarrowatLeast:StandardatMost:StandardatLeast:WideatMost:Wide
title String グラフのタイトル。

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

プロパティ 必須 説明
color String データ ポイントに使用する色。
使用できる値: goodwarningattentionneutralcategoricalRedcategoricalPurplecategoricalLavendercategoricalBluecategoricalLightBluecategoricalTealcategoricalGreencategoricalLimecategoricalMarigoldsequential1sequential2sequential3sequential4sequential5sequential6sequential7sequential8divergingBluedivergingLightBluedivergingCyandivergingTealdivergingYellowdivergingPeachdivergingLightReddivergingReddivergingMaroondivergingGray
legend String グラフの凡例。
value 番号 データ ポイントに関連付けられている値。

ゲージ チャート

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

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

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

プロパティ 必須 説明
type ✔️ String Chart.Gauge である必要があります。
colorSet String グラフのレンダリングに使用する色のセットの名前。
fallback オブジェクトまたは文字列 この種類の要素がサポートされていない場合、またはホスト アプリケーションが requires プロパティで指定されたすべての機能をサポートしていない場合にレンダリングする代替要素。
使用できる値: ContainerActionSetColumnSetMediaRichTextBlockTableTextBlockFactSetImageSetImageInput.TextInput.DateInput.TimeInput.NumberInput.ToggleInput.ChoiceSetInput.RatingRatingCompoundButtonIconChart.DonutChart.PieChart.VerticalBar.GroupedChart.VerticalBarChart.HorizontalBarChart.HorizontalBar.StackedChart.LineCodeBlockChart.Gauge 、、drop
grid.area String 要素を表示する必要がある Layout.AreaGrid レイアウトの領域。
height String 要素の高さ。 stretchに設定すると、要素はそのコンテナー内の残りの垂直空間を使用します。
使用できる値: autostretch
既定値: auto
horizontalAlignment String 要素を水平方向に配置する方法を制御します。
使用できる値: LeftCenterRight
id String 入力要素の一意識別子。
isVisible ブール型 要素が表示されるかどうかを制御します。
既定値: true
lang String 入力要素に関連付けられているロケール。
max 番号 ゲージの最大値。
min 番号 ゲージの最小値。
requires オブジェクト 要素がサポートするためにホスト アプリケーションに必要な機能の一覧。 ホスト アプリケーションが一覧表示されている機能の少なくとも 1 つをサポートしていない場合、要素はレンダリングされず、指定されている場合はフォールバックがレンダリングされます。
許可される値: HostCapabilities
segments オブジェクトの配列 ゲージに表示するセグメント。
separator ブール型 区切り線を要素の上に表示して、前の要素から視覚的に区切る必要があるかどうかを制御します。 このプロパティが true に設定されている場合でも、コンテナー内の最初の要素の区切り記号は表示されません。
既定値: false
showLegend ブール型 凡例を表示する必要があるかどうかを制御します。
既定値: true
showMinMax ブール型 最小値または最大値を表示する必要があるかどうかを制御します。
既定値: true
spacing String この要素と前の要素の間の領域の量を制御します。 コンテナー内の最初の要素にスペースは追加されません。
使用できる値: NoneSmallDefaultMediumLargeExtraLargePadding
既定値: Default
subLabel String ゲージのサブラベル。
targetWidth String 要素を表示する必要があるカード幅を制御します。 targetWidthが指定されていない場合、要素はすべてのカード幅でレンダリングされます。 targetWidthを使用すると、使用可能な水平方向のスペースにレイアウトを適応させる応答性の高いカードを作成できます。
詳細については、「 アダプティブ カードの応答性の高いレイアウト」を参照してください。
使用できる値: VeryNarrowNarrowStandardWideatLeast:VeryNarrowatMost:VeryNarrowatLeast:NarrowatMost:NarrowatLeast:StandardatMost:StandardatLeast:WideatMost:Wide
title String グラフのタイトル。
value 番号 ゲージの値。
既定値: 0
valueFormat String ゲージの値を表示するために使用される形式。
使用できる値: PercentageFraction
既定値: Percentage

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

プロパティ 必須 説明
color String セグメントに使用する色。
使用できる値: goodwarningattentionneutralcategoricalRedcategoricalPurplecategoricalLavendercategoricalBluecategoricalLightBluecategoricalTealcategoricalGreencategoricalLimecategoricalMarigoldsequential1sequential2sequential3sequential4sequential5sequential6sequential7sequential8divergingBluedivergingLightBluedivergingCyandivergingTealdivergingYellowdivergingPeachdivergingLightReddivergingReddivergingMaroondivergingGray
legend String セグメントに関連付けられている凡例テキスト。
value 番号 セグメントのサイズ。
既定値: 0

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

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

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

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

プロパティ 必須 説明
type ✔️ String Chart.VerticalBar.Grouped である必要があります。
color String すべてのデータ ポイントに使用する色。
使用できる値: goodwarningattentionneutralcategoricalRedcategoricalPurplecategoricalLavendercategoricalBluecategoricalLightBluecategoricalTealcategoricalGreencategoricalLimecategoricalMarigoldsequential1sequential2sequential3sequential4sequential5sequential6sequential7sequential8divergingBluedivergingLightBluedivergingCyandivergingTealdivergingYellowdivergingPeachdivergingLightReddivergingReddivergingMaroondivergingGray
colorSet String グラフのレンダリングに使用する色のセットの名前。
data オブジェクトの配列 グラフ内のデータ ポイント。
fallback オブジェクトまたは文字列 この要素がサポートされていない場合、またはホスト アプリケーションが requires プロパティで指定されたすべての機能をサポートしていない場合にレンダリングする代替要素。
使用できる値: ContainerActionSetColumnSetMediaRichTextBlockTableTextBlockFactSetImageSetImageInput.TextInput.DateInput.TimeInput.NumberInput.ToggleInput.ChoiceSetInput.RatingRatingCompoundButtonIconChart.DonutChart.PieChart.VerticalBar.GroupedChart.VerticalBarChart.HorizontalBarChart.HorizontalBar.StackedChart.LineCodeBlockChart.Gauge 、、drop
grid.area String 要素を表示する必要がある Layout.AreaGrid レイアウトの領域。
height String 要素の高さを制御します。 stretchに設定すると、要素はそのコンテナー内の残りの垂直空間を使用します。
使用できる値: autostretch
既定値: auto
horizontalAlignment String 要素を水平方向に配置する方法を制御します。
使用できる値: LeftCenterRight
id String 入力要素またはアクションの一意識別子。
isVisible ブール型 要素が表示されるかどうかを制御します。
既定値: true
lang String 入力要素に関連付けられているロケール。
requires オブジェクト 要素がサポートするためにホスト アプリケーションに必要な機能の一覧。 ホスト アプリケーションが一覧表示されている機能の少なくとも 1 つをサポートしていない場合、要素はレンダリングされず、指定されている場合はフォールバックがレンダリングされます。
サポートされる値: HostCapabilities
separator ブール型 区切り線を要素の上に表示して、前の要素から視覚的に区切る必要があるかどうかを制御します。 このプロパティが true に設定されている場合でも、コンテナー内の最初の要素の区切り記号は表示されません。
既定値: false
showBarValues ブール型 バー値を表示する必要があるかどうかを制御します。
既定値: false
spacing String この要素と前の要素の間の領域の量を制御します。 コンテナー内の最初の要素にスペースは追加されません。
使用できる値: NoneSmallDefaultMediumLargeExtraLargePadding
既定値: Default
targetWidth String 要素を表示する必要があるカード幅を制御します。 targetWidthが指定されていない場合、要素はすべてのカード幅でレンダリングされます。 targetWidthを使用すると、使用可能な水平方向のスペースにレイアウトを適応させる応答性の高いカードを作成できます。
詳細については、「 アダプティブ カードの応答性の高いレイアウト」を参照してください。
使用できる値: VeryNarrowNarrowStandardWideatLeast:VeryNarrowatMost:VeryNarrowatLeast:NarrowatMost:NarrowatLeast:StandardatMost:StandardatLeast:WideatMost:Wide
title String グラフのタイトル。
xAxisTitle String x 軸のタイトル。
yAxisTitle String y 軸のタイトル。

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

プロパティ 必須 説明
color String データ ポイントに使用する色。
使用できる値: goodwarningattentionneutralcategoricalRedcategoricalPurplecategoricalLavendercategoricalBluecategoricalLightBluecategoricalTealcategoricalGreencategoricalLimecategoricalMarigoldsequential1sequential2sequential3sequential4sequential5sequential6sequential7sequential8divergingBluedivergingLightBluedivergingCyandivergingTealdivergingYellowdivergingPeachdivergingLightReddivergingReddivergingMaroondivergingGray
legend String グラフの凡例。
values 番号 系列内のデータ ポイント。

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

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

横棒グラフ

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

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

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

プロパティ 必須 説明
type ✔️ String Chart.HorizontalBar である必要があります。
color String すべてのデータ ポイントに使用する色。
使用できる値: goodwarningattentionneutralcategoricalRedcategoricalPurplecategoricalLavendercategoricalBluecategoricalLightBluecategoricalTealcategoricalGreencategoricalLimecategoricalMarigoldsequential1sequential2sequential3sequential4sequential5sequential6sequential7sequential8divergingBluedivergingLightBluedivergingCyandivergingTealdivergingYellowdivergingPeachdivergingLightReddivergingReddivergingMaroondivergingGray
colorSet String グラフのレンダリングに使用する色のセットの名前。
data オブジェクトの配列 グラフ内のデータ ポイント。
displayMode String グラフを視覚的にレイアウトする方法を制御します。
使用できる値: AbsoluteWithAxisAbsoluteNoAxisPartToWhole
既定値: AbsoluteWithAxis
fallback オブジェクトまたは文字列 この要素がサポートされていない場合、またはホスト アプリケーションが requires プロパティで指定されたすべての機能をサポートしていない場合にレンダリングする代替要素。
使用できる値: ContainerActionSetColumnSetMediaRichTextBlockTableTextBlockFactSetImageSetImageInput.TextInput.DateInput.TimeInput.NumberInput.ToggleInput.ChoiceSetInput.RatingRatingCompoundButtonIconChart.DonutChart.PieChart.VerticalBar.GroupedChart.VerticalBarChart.HorizontalBarChart.HorizontalBar.StackedChart.LineCodeBlockChart.Gauge 、、drop
grid.area String 要素を表示する必要がある Layout.AreaGrid レイアウトの領域。
height String 要素の高さを制御します。 stretchに設定すると、要素はそのコンテナー内の残りの垂直空間を使用します。
使用できる値: autostretch
既定値: auto
horizontalAlignment String 要素を水平方向に配置する方法を制御します。
使用できる値: LeftCenterRight
id String 入力要素またはアクションの一意識別子。
isVisible ブール型 要素が表示されるかどうかを制御します。
既定値: true
lang String 入力要素に関連付けられているロケール。
requires オブジェクト 要素がサポートするためにホスト アプリケーションに必要な機能の一覧。 ホスト アプリケーションが一覧表示されている機能の少なくとも 1 つをサポートしていない場合、要素はレンダリングされず、指定されている場合はフォールバックがレンダリングされます。
サポートされる値: HostCapabilities
separator ブール型 区切り線を要素の上に表示して、前の要素から視覚的に区切る必要があるかどうかを制御します。 このプロパティが true に設定されている場合でも、コンテナー内の最初の要素の区切り記号は表示されません。
既定値: false
spacing String この要素と前の要素の間の領域の量を制御します。 コンテナー内の最初の要素にスペースは追加されません。
使用できる値: NoneSmallDefaultMediumLargeExtraLargePadding
既定値: Default
targetWidth String 要素を表示する必要があるカード幅を制御します。 targetWidthが指定されていない場合、要素はすべてのカード幅でレンダリングされます。 targetWidthを使用すると、使用可能な水平方向のスペースにレイアウトを適応させる応答性の高いカードを作成できます。
詳細については、「 アダプティブ カードの応答性の高いレイアウト」を参照してください。
使用できる値: VeryNarrowNarrowStandardWideatLeast:VeryNarrowatMost:VeryNarrowatLeast:NarrowatMost:NarrowatLeast:StandardatMost:StandardatLeast:WideatMost:Wide
title String グラフのタイトル。
xAxisTitle String x 軸のタイトル。
yAxisTitle String y 軸のタイトル。

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

プロパティ 必須 説明
color String データ ポイントに使用する色。
使用できる値: goodwarningattentionneutralcategoricalRedcategoricalPurplecategoricalLavendercategoricalBluecategoricalLightBluecategoricalTealcategoricalGreencategoricalLimecategoricalMarigoldsequential1sequential2sequential3sequential4sequential5sequential6sequential7sequential8divergingBluedivergingLightBluedivergingCyandivergingTealdivergingYellowdivergingPeachdivergingLightReddivergingReddivergingMaroondivergingGray
x String データ ポイントの x 軸の値。
y 番号 データ ポイントの y 軸の値。

折れ線グラフ

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

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

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

プロパティ 必須 説明
type ✔️ String Chart.Line である必要があります。
color String すべてのデータ ポイントに使用する色。
使用できる値: goodwarningattentionneutralcategoricalRedcategoricalPurplecategoricalLavendercategoricalBluecategoricalLightBluecategoricalTealcategoricalGreencategoricalLimecategoricalMarigoldsequential1sequential2sequential3sequential4sequential5sequential6sequential7sequential8divergingBluedivergingLightBluedivergingCyandivergingTealdivergingYellowdivergingPeachdivergingLightReddivergingReddivergingMaroondivergingGray
colorSet String グラフのレンダリングに使用する色のセットの名前。
data オブジェクトの配列 グラフ内のデータ ポイント。
fallback オブジェクトまたは文字列 この要素がサポートされていない場合、またはホスト アプリケーションが requires プロパティで指定されたすべての機能をサポートしていない場合にレンダリングする代替要素。
使用できる値: ContainerActionSetColumnSetMediaRichTextBlockTableTextBlockFactSetImageSetImageInput.TextInput.DateInput.TimeInput.NumberInput.ToggleInput.ChoiceSetInput.RatingRatingCompoundButtonIconChart.DonutChart.PieChart.VerticalBar.GroupedChart.VerticalBarChart.HorizontalBarChart.HorizontalBar.StackedChart.LineCodeBlockChart.Gauge 、、drop
grid.area String 要素を表示する必要がある Layout.AreaGrid レイアウトの領域。
height String 要素の高さを制御します。 stretchに設定すると、要素はそのコンテナー内の残りの垂直空間を使用します。
使用できる値: autostretch
既定値: auto
horizontalAlignment String 要素を水平方向に配置する方法を制御します。
使用できる値: LeftCenterRight
id String 入力要素またはアクションの一意識別子。
isVisible ブール型 要素が表示されるかどうかを制御します。
既定値: true
lang String 入力要素に関連付けられているロケール。
requires オブジェクト 要素がサポートするためにホスト アプリケーションに必要な機能の一覧。 ホスト アプリケーションが一覧表示されている機能の少なくとも 1 つをサポートしていない場合、要素はレンダリングされず、指定されている場合はフォールバックがレンダリングされます。
サポートされる値: HostCapabilities
separator ブール型 区切り線を要素の上に表示して、前の要素から視覚的に区切る必要があるかどうかを制御します。 このプロパティが true に設定されている場合でも、コンテナー内の最初の要素の区切り記号は表示されません。
既定値: false
spacing String この要素と前の要素の間の領域の量を制御します。 コンテナー内の最初の要素にスペースは追加されません。
使用できる値: NoneSmallDefaultMediumLargeExtraLargePadding
既定値: Default
targetWidth String 要素を表示する必要があるカード幅を制御します。 targetWidthが指定されていない場合、要素はすべてのカード幅でレンダリングされます。 targetWidthを使用すると、使用可能な水平方向のスペースにレイアウトを適応させる応答性の高いカードを作成できます。
詳細については、「 アダプティブ カードの応答性の高いレイアウト」を参照してください。
使用できる値: VeryNarrowNarrowStandardWideatLeast:VeryNarrowatMost:VeryNarrowatLeast:NarrowatMost:NarrowatLeast:StandardatMost:StandardatLeast:WideatMost:Wide
title String グラフのタイトル。
xAxisTitle String x 軸のタイトル。
yAxisTitle String y 軸のタイトル。

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

プロパティ 必須 説明
color String データ ポイントに使用する色。
使用できる値: goodwarningattentionneutralcategoricalRedcategoricalPurplecategoricalLavendercategoricalBluecategoricalLightBluecategoricalTealcategoricalGreencategoricalLimecategoricalMarigoldsequential1sequential2sequential3sequential4sequential5sequential6sequential7sequential8divergingBluedivergingLightBluedivergingCyandivergingTealdivergingYellowdivergingPeachdivergingLightReddivergingReddivergingMaroondivergingGray
legend String グラフの凡例。
values オブジェクトの配列 系列内のデータ ポイント。

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

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

円グラフ

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

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

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

プロパティ 必須 説明
type ✔️ String Chart.Pie である必要があります。
colorSet String グラフのレンダリングに使用する色のセットの名前。
data オブジェクトの配列 グラフに表示するデータ。
fallback オブジェクトまたは文字列 この要素がサポートされていない場合、またはホスト アプリケーションが requires プロパティで指定されたすべての機能をサポートしていない場合にレンダリングする代替要素。
使用できる値: ContainerActionSetColumnSetMediaRichTextBlockTableTextBlockFactSetImageSetImageInput.TextInput.DateInput.TimeInput.NumberInput.ToggleInput.ChoiceSetInput.RatingRatingCompoundButtonIconChart.DonutChart.PieChart.VerticalBar.GroupedChart.VerticalBarChart.HorizontalBarChart.HorizontalBar.StackedChart.LineCodeBlockChart.Gauge 、、drop
grid.area String 要素を表示する必要がある Layout.AreaGrid レイアウトの領域。
height String 要素の高さを制御します。 stretchに設定すると、要素はそのコンテナー内の残りの垂直空間を使用します。
使用できる値: autostretch
既定値: auto
horizontalAlignment String 要素を水平方向に配置する方法を制御します。
使用できる値: LeftCenterRight
id String 入力要素またはアクションの一意識別子。
isVisible ブール型 要素が表示されるかどうかを制御します。
既定値: true
lang String 入力要素に関連付けられているロケール。
requires オブジェクト 要素がサポートするためにホスト アプリケーションに必要な機能の一覧。 ホスト アプリケーションが一覧表示されている機能の少なくとも 1 つをサポートしていない場合、要素はレンダリングされず、指定されている場合はフォールバックがレンダリングされます。
サポートされる値: HostCapabilities
separator ブール型 区切り線を要素の上に表示して、前の要素から視覚的に区切る必要があるかどうかを制御します。 このプロパティが true に設定されている場合でも、コンテナー内の最初の要素の区切り記号は表示されません。
既定値: false
spacing String この要素と前の要素の間の領域の量を制御します。 コンテナー内の最初の要素にスペースは追加されません。
使用できる値: NoneSmallDefaultMediumLargeExtraLargePadding
既定値: Default
targetWidth String 要素を表示する必要があるカード幅を制御します。 targetWidthが指定されていない場合、要素はすべてのカード幅でレンダリングされます。 targetWidthを使用すると、使用可能な水平方向のスペースにレイアウトを適応させる応答性の高いカードを作成できます。
詳細については、「 アダプティブ カードの応答性の高いレイアウト」を参照してください。
使用できる値: VeryNarrowNarrowStandardWideatLeast:VeryNarrowatMost:VeryNarrowatLeast:NarrowatMost:NarrowatLeast:StandardatMost:StandardatLeast:WideatMost:Wide
title String グラフのタイトル。

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

プロパティ 必須 説明
color String データ ポイントに使用する色。
使用できる値: goodwarningattentionneutralcategoricalRedcategoricalPurplecategoricalLavendercategoricalBluecategoricalLightBluecategoricalTealcategoricalGreencategoricalLimecategoricalMarigoldsequential1sequential2sequential3sequential4sequential5sequential6sequential7sequential8divergingBluedivergingLightBluedivergingCyandivergingTealdivergingYellowdivergingPeachdivergingLightReddivergingReddivergingMaroondivergingGray
legend String グラフの凡例。
value 番号 データ ポイントに関連付けられている値。

積み上げ横棒グラフ

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

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

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

プロパティ 必須 説明
type ✔️ String Chart.HorizontalBar.Stacked である必要があります。
color String すべてのデータ ポイントに使用する色。
使用できる値: goodwarningattentionneutralcategoricalRedcategoricalPurplecategoricalLavendercategoricalBluecategoricalLightBluecategoricalTealcategoricalGreencategoricalLimecategoricalMarigoldsequential1sequential2sequential3sequential4sequential5sequential6sequential7sequential8divergingBluedivergingLightBluedivergingCyandivergingTealdivergingYellowdivergingPeachdivergingLightReddivergingReddivergingMaroondivergingGray
colorSet String グラフのレンダリングに使用する色のセットの名前。
data オブジェクトの配列 グラフ内のデータ ポイント。
fallback オブジェクトまたは文字列 この要素がサポートされていない場合、またはホスト アプリケーションが requires プロパティで指定されたすべての機能をサポートしていない場合にレンダリングする代替要素。
使用できる値: ContainerActionSetColumnSetMediaRichTextBlockTableTextBlockFactSetImageSetImageInput.TextInput.DateInput.TimeInput.NumberInput.ToggleInput.ChoiceSetInput.RatingRatingCompoundButtonIconChart.DonutChart.PieChart.VerticalBar.GroupedChart.VerticalBarChart.HorizontalBarChart.HorizontalBar.StackedChart.LineCodeBlockChart.Gauge 、、drop
grid.area String 要素を表示する必要がある Layout.AreaGrid レイアウトの領域。
height String 要素の高さを制御します。 stretchに設定すると、要素はそのコンテナー内の残りの垂直空間を使用します。
使用できる値: autostretch
既定値: auto
horizontalAlignment String 要素を水平方向に配置する方法を制御します。
使用できる値: LeftCenterRight
id String 入力要素またはアクションの一意識別子。
isVisible ブール型 要素が表示されるかどうかを制御します。
既定値: true
lang String 入力要素に関連付けられているロケール。
requires オブジェクト 要素がサポートするためにホスト アプリケーションに必要な機能の一覧。 ホスト アプリケーションが一覧表示されている機能の少なくとも 1 つをサポートしていない場合、要素はレンダリングされず、指定されている場合はフォールバックがレンダリングされます。
サポートされる値: HostCapabilities
separator ブール型 区切り線を要素の上に表示して、前の要素から視覚的に区切る必要があるかどうかを制御します。 このプロパティが true に設定されている場合でも、コンテナー内の最初の要素の区切り記号は表示されません。
既定値: false
spacing String この要素と前の要素の間の領域の量を制御します。 コンテナー内の最初の要素にスペースは追加されません。
使用できる値: NoneSmallDefaultMediumLargeExtraLargePadding
既定値: Default
targetWidth String 要素を表示する必要があるカード幅を制御します。 targetWidthが指定されていない場合、要素はすべてのカード幅でレンダリングされます。 targetWidthを使用すると、使用可能な水平方向のスペースにレイアウトを適応させる応答性の高いカードを作成できます。
詳細については、「 アダプティブ カードの応答性の高いレイアウト」を参照してください。
使用できる値: VeryNarrowNarrowStandardWideatLeast:VeryNarrowatMost:VeryNarrowatLeast:NarrowatMost:NarrowatLeast:StandardatMost:StandardatLeast:WideatMost:Wide
title String グラフのタイトル。
xAxisTitle String x 軸のタイトル。
yAxisTitle String y 軸のタイトル。

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

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

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

プロパティ 必須 説明
color String データ ポイントに使用する色。
使用できる値: goodwarningattentionneutralcategoricalRedcategoricalPurplecategoricalLavendercategoricalBluecategoricalLightBluecategoricalTealcategoricalGreencategoricalLimecategoricalMarigoldsequential1sequential2sequential3sequential4sequential5sequential6sequential7sequential8divergingBluedivergingLightBluedivergingCyandivergingTealdivergingYellowdivergingPeachdivergingLightReddivergingReddivergingMaroondivergingGray
legend String データ ポイントに関連付けられている凡例。
value 番号 データ ポイントの値。

縦棒グラフ

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

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

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

プロパティ 必須 説明
type ✔️ String Chart.VerticalBar である必要があります。
color String すべてのデータ ポイントに使用する色。
使用できる値: goodwarningattentionneutralcategoricalRedcategoricalPurplecategoricalLavendercategoricalBluecategoricalLightBluecategoricalTealcategoricalGreencategoricalLimecategoricalMarigoldsequential1sequential2sequential3sequential4sequential5sequential6sequential7sequential8divergingBluedivergingLightBluedivergingCyandivergingTealdivergingYellowdivergingPeachdivergingLightReddivergingReddivergingMaroondivergingGray
colorSet String グラフのレンダリングに使用する色のセットの名前。
data オブジェクトの配列 グラフ内のデータ ポイント。
fallback オブジェクトまたは文字列 この要素がサポートされていない場合、またはホスト アプリケーションが requires プロパティで指定されたすべての機能をサポートしていない場合にレンダリングする代替要素。
使用できる値: ContainerActionSetColumnSetMediaRichTextBlockTableTextBlockFactSetImageSetImageInput.TextInput.DateInput.TimeInput.NumberInput.ToggleInput.ChoiceSetInput.RatingRatingCompoundButtonIconChart.DonutChart.PieChart.VerticalBar.GroupedChart.VerticalBarChart.HorizontalBarChart.HorizontalBar.StackedChart.LineCodeBlockChart.Gauge 、、drop
grid.area String 要素を表示する必要がある Layout.AreaGrid レイアウトの領域。
height String 要素の高さを制御します。 stretchに設定すると、要素はそのコンテナー内の残りの垂直空間を使用します。
使用できる値: autostretch
既定値: auto
horizontalAlignment String 要素を水平方向に配置する方法を制御します。
使用できる値: LeftCenterRight
id String 入力要素またはアクションの一意識別子。
isVisible ブール型 要素が表示されるかどうかを制御します。
既定値: true
lang String 入力要素に関連付けられているロケール。
requires オブジェクト 要素がサポートするためにホスト アプリケーションに必要な機能の一覧。 ホスト アプリケーションが一覧表示されている機能の少なくとも 1 つをサポートしていない場合、要素はレンダリングされず、指定されている場合はフォールバックがレンダリングされます。
サポートされる値: HostCapabilities
separator ブール型 区切り線を要素の上に表示して、前の要素から視覚的に区切る必要があるかどうかを制御します。 このプロパティが true に設定されている場合でも、コンテナー内の最初の要素の区切り記号は表示されません。
既定値: false
showBarValues ブール型 バー値を表示する必要があるかどうかを制御します。
既定値: false
spacing String この要素と前の要素の間の領域の量を制御します。 コンテナー内の最初の要素にスペースは追加されません。
使用できる値: NoneSmallDefaultMediumLargeExtraLargePadding
既定値: Default
targetWidth String 要素を表示する必要があるカード幅を制御します。 targetWidthが指定されていない場合、要素はすべてのカード幅でレンダリングされます。 targetWidthを使用すると、使用可能な水平方向のスペースにレイアウトを適応させる応答性の高いカードを作成できます。
詳細については、「 アダプティブ カードの応答性の高いレイアウト」を参照してください。
使用できる値: VeryNarrowNarrowStandardWideatLeast:VeryNarrowatMost:VeryNarrowatLeast:NarrowatMost:NarrowatLeast:StandardatMost:StandardatLeast:WideatMost:Wide
title String グラフのタイトル。
xAxisTitle String x 軸のタイトル。
yAxisTitle String y 軸のタイトル。

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

プロパティ 必須 説明
color String データ ポイントに使用する色。
使用できる値: goodwarningattentionneutralcategoricalRedcategoricalPurplecategoricalLavendercategoricalBluecategoricalLightBluecategoricalTealcategoricalGreencategoricalLimecategoricalMarigoldsequential1sequential2sequential3sequential4sequential5sequential6sequential7sequential8divergingBluedivergingLightBluedivergingCyandivergingTealdivergingYellowdivergingPeachdivergingLightReddivergingReddivergingMaroondivergingGray
x 数値または文字列の 1 つ データ ポイントの x 軸の値。
y 番号 データ ポイントの y 軸の値。

コード サンプル

名前 説明 .Node.js .NET
カードの書式設定 ボットを使用してカードでサポートされるさまざまな書式設定を示すサンプル。 表示 表示

関連項目