重要
このドキュメントはレガシと見なされます。 アダプティブ カードに関連する包括的な情報とリソースについては、 アダプティブ カードのドキュメント ハブを参照してください。
Adaptive Cards ドキュメント ハブには、完全で最新のリファレンス ドキュメント、更新されたアダプティブ カード Designer、組み込みの JSON 例、設計のベスト プラクティス、アダプティブ カード機能の詳細なリリース履歴が用意されています。 詳細については、 アダプティブ カードのドキュメント ハブと新しいアダプティブ カード更新プログラムの概要に関するページを参照してください。
アダプティブ カードでは、グラフを通じてデータを視覚的に表すことができます。 パフォーマンス ダッシュボード、予算割り当て、プロジェクト管理、顧客分析情報などのグラフを使用できます。 Teams では、次の種類のグラフがサポートされています。
ドーナツ グラフ
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 、 sequential7 sequential8 、 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 、 sequential7 sequential8 、 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 、 sequential7 sequential8 、 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 、 sequential7 sequential8 、 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 、 sequential7 sequential8 、 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 、 sequential7 sequential8 、 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 、 sequential7 sequential8 、 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 、 sequential7 sequential8 、 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 、 sequential7 sequential8 、 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 、 sequential7 sequential8 、 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 、 sequential7 sequential8 、 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 、 sequential7 sequential8 、 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 、 sequential7 sequential8 、 divergingBlue 、 divergingLightBlue 、 divergingCyan 、 divergingTeal 、 divergingYellow 、 divergingPeach 、 divergingLightRed 、 divergingRed 、 divergingMaroon 、 divergingGray |
|
x |
数値または文字列の 1 つ | データ ポイントの x 軸の値。 | |
y |
番号 | データ ポイントの y 軸の値。 |
コード サンプル
名前 | 説明 | .Node.js | .NET |
---|---|---|---|
カードの書式設定 | ボットを使用してカードでサポートされるさまざまな書式設定を示すサンプル。 | 表示 | 表示 |
関連項目
Platform Docs