Articles Tagged: IgxDataChart

IgxDataChart ではデータ注釈レイヤーを使用してチャートのプロットエリア(背景)に線や矩形などを追加することができます。この機能を使用し、プロットエリアの背景色を部分的に変更することが可能です。 このような折れ […]

縦棒チャートの柱の色は IgxColumnSeriesComponent の brush プロパティによってシリーズ事に指定することができますが、同一のシリーズ内で柱ごとに色を指定する場合は assigningCateg […]

これまでIgxDataChartのBar/Column/Waterfallシリーズはチャートの矩形の四隅が角丸でしたが、バージョン11.2.0より角が直角になりました。

IgxDataChartの目盛り線を表示するには、軸のtickLengthの値を1以上にしてください。 なお、目盛り線の色を指定する場合は、tickStrokeで色を指定してください。既定の色は薄い灰色です。 　 実行結 […]

IgxDataChartのチャート内のグリッド線を消すには、軸のmajorStrokeをtransparentにする、もしくは、majorStrokeThicknessを0にすると消すことができます。 　 実行結果 X軸 […]

IgxDataChartでツールチップに表示される内容をカスタマイズする場合は、Angularのng-tempateを使用してカスタマイズしたい内容でテンプレートを作成し、シリーズのtooltipTemplateのその参 […]

マウスオーバーしたデータのデータポイントのデータを取得したい場合は、IgxDataChartのonSeriesMouseEnterイベントを使用してください。 このイベントは、シリーズの上にマウスオーバーすると発生します […]

この KB は 製品バージョン 10.0.6 をベースにしています。 IgxDataChartで対数軸を使用する場合は、軸のisLogarithmicオプションをtrueにしてください。対数の底はlogarithmBas […]

この KB は 製品バージョン 10.0.6 をベースにしています。 X軸のuseClusteringModeをtrueにしてください。 　 実行結果 　 サンプル 　 リファレンス useClusterningMode […]

Ignite UI for Angular 9.1.6 バージョン時点での情報に基づいています。 縦棒グラフ（igx-column-series）の棒の太さを調整したい場合は、igx-category-x-axisのga […]