これまでIgxDataChartのBar/Column/Waterfallシリーズはチャートの矩形の四隅が角丸でしたが、バージョン11.2.0より角が直角になりました。
Articles Tagged: IgxDataChart
IgxDataChart 目盛り線を表示する。
IgxDataChartの目盛り線を表示するには、軸のtickLengthの値を1以上にしてください。 なお、目盛り線の色を指定する場合は、tickStrokeで色を指定してください。既定の色は薄い灰色です。 実行結 […]
IgxDataChart チャート内のグリッド線を消す
IgxDataChartのチャート内のグリッド線を消すには、軸のmajorStrokeをtransparentにする、もしくは、majorStrokeThicknessを0にすると消すことができます。 実行結果 X軸 […]
IgxDataChart ツールチップに表示される内容をカスタマイズする
IgxDataChartでツールチップに表示される内容をカスタマイズする場合は、Angularのng-tempateを使用してカスタマイズしたい内容でテンプレートを作成し、シリーズのtooltipTemplateのその参 […]
IgxDataChart マウスオーバーしたデータポイントのデータを取得したい
マウスオーバーしたデータのデータポイントのデータを取得したい場合は、IgxDataChartのonSeriesMouseEnterイベントを使用してください。 このイベントは、シリーズの上にマウスオーバーすると発生します […]
IgxDataChart 対数軸を使用する
この KB は 製品バージョン 10.0.6 をベースにしています。 IgxDataChartで対数軸を使用する場合は、軸のisLogarithmicオプションをtrueにしてください。対数の底はlogarithmBas […]
IgxDataChart 折れ線グラフでマーカーが端で切れてしまう場合
この KB は 製品バージョン 10.0.6 をベースにしています。 X軸のuseClusteringModeをtrueにしてください。 実行結果 サンプル リファレンス useClusterningMode […]
IgxDataChart 縦棒グラフの棒の太さを調整する
Ignite UI for Angular 9.1.6 バージョン時点での情報に基づいています。 縦棒グラフ(igx-column-series)の棒の太さを調整したい場合は、igx-category-x-axisのga […]