Articles Tagged: igDataChart

igDataChartではcoercionMethodsを使用してデータソースから読み込んだデータの値を変換してチャートで使用することが可能です。この機能を利用し、オブジェクト型データが持つプロパティの値をシリーズのva […]

igDataChartのデータポイントがグラフの端にある場合、マーカーが見切れてしまうことがあります。その場合はcomputedPlotAreaMarginModeプロパティを「series」と設定すると、プロットエリア […]

igDataChart では、マウス操作によりチャートをズーム(拡大・縮小)することができます。ズームの可否は縦方向、横方向それぞれに対応するオプションで細かく制御を行うことができます。 isHorizonta […]

igDataChart のラインチャートの太さを、クリックされたタイミングで動的に変更してみましょう。ラインチャートをクリックしたタイミングで発生する、seriesMouseLeftButtonDown イベン […]

Ignite UIのigDataChartで時折見られるご要望に、図形やテキストなどの視覚要素を追加したいというものがあります。そこで、今回はチャートエリアにカスタムのHTML Canvasを追加する方法をご紹介します。 […]

igDataChartでチャート枠を設定表示する機能はありませんが、既存の設定を利用して、枠のような見せ方をすることができます。 　 minimumValue 、maximumValue で、Topと […]

軸の表示順を逆順にするには、軸のisInvertedをtrueに設定してください。 　 実行結果 　 APIリファレンス isInvertedオプション https://jp.igniteui.com/help/api/ […]

igDataChart の積層型エリアチャートにおいて、凡例でクリックされたシリーズの表示/非表示を切り替える方法をご紹介します。 １．判例上でクリックされたシリーズ名を取り出します。 ２．igDataChart にバイ […]

igDataChart を利用し、エクセルの積み上げ面グラフのような、積層型エリアチャートを実現するサンプルです。実装の詳細は、添付サンプルを参照下さい。

igDataChart において、凡例に表示されているシリーズをクリックした際に、そのシリーズを非表示にする方法です。 凡例(ChartLegend)上のクリックされた要素から対応するシリーズを特定し、シリーズのブラシ色 […]