Angular シェープ チャート
Ignite UI for Angular シェープ チャートは、一連の形状 (1 つまたは複数の X/Y 座標の配列) をとり、それらをデカルト (x、y) 座標系のポリゴンまたはポリラインのコレクションとして描画するチャートのグループです。シェープ チャートは科学データの強調領域でよく使用されますが、ダイアグラム、青写真、さらには建物の間取り図のプロットにも使用できます。
Angular 散布ポリゴン チャート
Angular 散布ポリゴン チャートは、IgxDataChartComponent
コントロールの IgxScatterPolygonSeriesComponent
を使用して、デカルト (x、y) 座標系でポリゴンの配列または配列の配列を描画します。このチャートは、プロット図、青写真、さらには建物の間取り図の塗りつぶし図形に使用できます。
IgxDataChartComponent
コントロールでこのチャート タイプを作成するには、以下の例のように、データを IgxScatterPolygonSeriesComponent
にバインドします:
Angular 散布ポリライン チャート
Angular 散布ポリライン チャートは、IgxDataChartComponent
コントロールの IgxScatterPolylineSeriesComponent
を使用して、デカルト (x、y) 座標系でポリラインの配列または配列の配列を描画します。このチャートは、プロット図、青写真、さらには建物の間取り図のアウトラインに使用できます。また、大量の要素間の複雑な関係を視覚化することもできます。
IgxDataChartComponent
コントロールでこのチャート タイプを作成するには、以下の例のように、データを IgxScatterPolylineSeriesComponent
にバインドします:
その他のリソース
関連するチャートタイプの詳細については、以下のトピックを参照してください。
API リファレンス
以下は、上記のセクションで説明された API メンバーのリストです。
IgxDataChartComponent
IgxScatterPolygonSeriesComponent
IgxScatterPolylineSeriesComponent
ItemsSource
shapeMemberPath
IgxNumericXAxisComponent
IgxNumericYAxisComponent
YAxisName
XAxisName