igDataChart では、マウス操作によりチャートをズーム(拡大・縮小)することができます。ズームの可否は縦方向、横方向それぞれに対応するオプションで細かく制御を行うことができます。 isHorizonta […]
Articles Tagged: igDataChart
igDataChart ラインチャートの太さを動的に変更する
igDataChart のラインチャートの太さを、クリックされたタイミングで動的に変更してみましょう。ラインチャートをクリックしたタイミングで発生する、seriesMouseLeftButtonDown イベン […]
igDataChartにCanvas要素を追加する
Ignite UIのigDataChartで時折見られるご要望に、図形やテキストなどの視覚要素を追加したいというものがあります。そこで、今回はチャートエリアにカスタムのHTML Canvasを追加する方法をご紹介します。 […]
igDataChart チャートの枠(border)の表示
igDataChartでチャート枠を設定表示する機能はありませんが、既存の設定を利用して、枠のような見せ方をすることができます。 minimumValue 、maximumValue で、Topと […]
igDataChart 軸の表示順を逆順にする
軸の表示順を逆順にするには、軸のisInvertedをtrueに設定してください。 実行結果 APIリファレンス isInvertedオプション https://jp.igniteui.com/help/api/ […]
igDataChart 積層型エリアチャート: 凡例上でクリックされたシリーズの表示/非表示を切り替える
igDataChart の積層型エリアチャートにおいて、凡例でクリックされたシリーズの表示/非表示を切り替える方法をご紹介します。 1.判例上でクリックされたシリーズ名を取り出します。 2.igDataChart にバイ […]
igDataChart 積層型エリアチャート
igDataChart を利用し、エクセルの積み上げ面グラフのような、積層型エリアチャートを実現するサンプルです。実装の詳細は、添付サンプルを参照下さい。
igDataChart クリックされた凡例に対応するシリーズの表示/非表示を切り替える
igDataChart において、凡例に表示されているシリーズをクリックした際に、そのシリーズを非表示にする方法です。 凡例(ChartLegend)上のクリックされた要素から対応するシリーズを特定し、シリーズのブラシ色 […]
igDataChart: calloutLayer シリーズを利用してデータポイントの値を注釈表示する
igDataChart 上でプロットされるデータポイントの値を、テキスト注釈でラベル表示したい状況があります。このような時には、calloutLayer を利用することができます。 calloutLayer シリーズにて […]
igDataChart 棒グラフの棒の太さを調整する
縦棒グラフ(series.type=”column”) 横棒グラフ(series.type=”bar”) 積層型の縦棒グラフ(series.type=”stac […]