Skip to content
Merged
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
15 changes: 15 additions & 0 deletions docs/xplat/src/content/jp/components/charts/types/bar-chart.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -124,6 +124,21 @@ import ApiLink from 'igniteui-astro-components/components/mdx/ApiLink.astro';



<div class="divider--half"></div>

## {Platform} 範囲棒チャート

{Platform} 範囲棒チャートは、範囲チャートのグループに属し、従来の[カテゴリ棒チャート](bar-chart.md#{PlatformLower}-棒チャートの例)のように左から伸びるのではなく、チャートのプロット領域の中央に表示できる水平の長方形を使用して描画されます。このタイプのシリーズは、一定期間内の同一データ ポイントの低値と高値の変化量を強調したり、複数の項目を比較したりするために使用されます。

範囲値は X 軸に表示され、カテゴリは Y 軸に表示されます。各棒は低値と高値の両方を視覚化するため、このチャートは日々の気温の範囲、最低価格と最高価格、または単一の値だけでは不十分な範囲を持つ測定値を示すようなシナリオに役立ちます。

範囲棒チャートは、範囲が垂直柱ではなく水平棒の集まりとして表される点を除いて、[範囲縦棒チャート](column-chart.md#{PlatformLower}-範囲縦棒チャート)とすべての面で同じです。

<ApiLink pkg="charts" type="DataChart" /> コントロールでこのチャート タイプを作成するには、データを <ApiLink pkg="charts" type="RangeBarSeries" /> にバインドします。このシリーズは `LowMemberPath` および `HighMemberPath` から低値と高値を読み取り、通常は `NumericXAxis` と `CategoryYAxis` を使用します。以下の例をご覧ください。

<Sample src="/charts/data-chart/range-bar-chart" height={600} alt="{Platform} 範囲棒チャート" />



## その他のリソース

Expand Down
Loading