「複数の系列を使用した 2D (XY) チャート」では、データ分析におけるデータ視覚化のベストプラクティスについて紹介しました。今回は、Layered (レイヤー) / Stacked (スタック) / Segmented (セグメント) レイアウトで複数の軸を組み合わせることでより優れた表示構成を実現して、さまざまな系列をオーバーラップなしで 1 つのチャートに表示する方法を紹介します。
このチュートリアルでは、追加の Y 軸を作成し、線系列を異なる軸に割り当てる方法を紹介します。複数の軸を設定するために、「複数の系列を使用した 2D (XY) チャート」のコードに変更を加えます。以下の手順に従って、線系列の初期化("series2")を含むブロックの前に新しい Y 軸を追加します。
2D ビューに関する情報で、新しい軸を作成します。
// 2D (XY) のレイアウトに新しい Y 軸のインスタンスを割り当て var axisY = new AxisY(chart.ViewXY);オプションを構成および設定します。
// 構成 (色など) axisY.AxisColor = Color.FromArgb(255, 255, 255, 0);作成した軸を、チャートの一部として追加します。
// YAxes のリストに Y 軸を追加 chart.ViewXY.YAxes.Add(axisY);複数の X 軸と Y 軸により、ユーザーは、系列インスタンスの宣言の間またはその後に特別なプロパティを変更し、各データ系列を個々の軸に割り当てることができます。
系列の新しいインスタンスを宣言し、コンストラクターの引数として軸オブジェクトに参照を送ります。
var series2 = new PointLineSeries ( chart.ViewXY, chart.ViewXY.XAxes[0], axisY );または、下記を書き込みます。
var series2 = new PointLineSeries ( chart.ViewXY, chart.ViewXY.XAxes[0], chart.ViewXY.YAxes[1] );空のコンストラクター (デフォルト) で系列の新しいインスタンスを宣言し、アプリケーション実行中に希望の軸に手動でインデックスを割り当てます。
var series2 = new PointLineSeries(); series2.AssignXAxisIndex = 0; // 1 番目の X 軸に割り当て series2.AssignYAxisIndex = 1; // 2 番目の Y 軸に割り当て- アプリケーションをビルドおよび実行します。