この記事の執筆時時点で Ignite UI for React にはガント チャートを作成するコンポーネントはないのですが、IgrDataChart の IgrStackedBarSeries を使用し、開始日までのフラ […]
Articles Tagged: IgrDataChart
IgrDataChartのグラフの端でマーカーが見切れないようにする
IgrDataChartのデータポイントがグラフの端にある場合、マーカーが見切れてしまうことがあります。その場合はcomputedPlotAreaMarginModeプロパティを「Series」と設定すると、プロットエリ […]
IgrDataChart データポイントのクリックでツールチップを表示する
IgrDataChart では、マウス位置にあるデータポイントに対応するツールチップを表示する機能が備わっています。この機能を有効にするには、シリーズの showDefaultTooltip プロパティに true を設 […]
IgrDataChart – Y軸の数字の表示フォーマットを指定する方法
IgrDataChartのY軸の数字の表示フォーマットをカスタマイズするには、formatLabelに書式化関数を指定してください。 たとえば、3桁ごとにカンマで区切る場合は、次のようになります。 実行結果 サン […]
IgrDataChart 棒グラフの色を条件で色分けする。
IgrDataChartの棒グラフ（IgrColumnSeries）の棒の色を条件に応じて色分けする場合は、 IgrColumnSeriesのisCustomCategoryStyleAllowedをtrueにする。 I […]
IgrDataChart 棒グラフのサンプル
IgrDataChartで棒グラフを作成したサンプルです。 プロンプトで、 npm install npm start で実行できます。 サンプル