作成日: 2018/11/13 最終更新日: 2018/11/13
文書種別
使用方法
詳細
チャートコントロールでは、複数のY軸を設定することができます。
下記は、2つのY軸を追加してグラフの右側に配置する例です。
◎サンプルコード(VB)
◎サンプルコード(C#)
下記は、2つのY軸を追加してグラフの右側に配置する例です。
◎サンプルコード(VB)
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
If Page.IsPostBack Then Return
' チャートの作成
Dim chart1 As New FarPoint.Web.Spread.Chart.SpreadChart()
' 系列1の作成
Dim series1 As New FarPoint.Web.Chart.XYLineSeries()
series1.SeriesName = "series1"
series1.YAxisId = 0
For i As Integer = 0 To 4
series1.XValues.Add(i + 1)
series1.YValues.Add(i + 1)
Next
series1.PointMarker = New FarPoint.Web.Chart.BuiltinMarker(FarPoint.Web.Chart.MarkerShape.Circle, 5)
series1.PointFill = New FarPoint.Web.Chart.SolidFill(System.Drawing.Color.Red)
' 系列2の作成
Dim series2 As New FarPoint.Web.Chart.XYLineSeries
series2.SeriesName = "series2"
series2.YAxisId = 1
For i As Integer = 0 To 4
series2.XValues.Add(i + 1)
series2.YValues.Add((i + 2) * 10)
Next
series2.PointMarker = New FarPoint.Web.Chart.BuiltinMarker(FarPoint.Web.Chart.MarkerShape.Circle, 5)
series2.PointFill = New FarPoint.Web.Chart.SolidFill(System.Drawing.Color.Green)
' 系列3の作成
Dim series3 As New FarPoint.Web.Chart.XYLineSeries
series3.SeriesName = "series3"
series3.YAxisId = 2
For i As Integer = 0 To 4
series3.XValues.Add(i + 1)
series3.YValues.Add((i + 3) * 100)
Next
series3.PointMarker = New FarPoint.Web.Chart.BuiltinMarker(FarPoint.Web.Chart.MarkerShape.Circle, 5)
series3.PointFill = New FarPoint.Web.Chart.SolidFill(System.Drawing.Color.Blue)
' プロットエリアの作成
Dim plotArea As New FarPoint.Web.Chart.XYPlotArea()
plotArea.Location = New System.Drawing.PointF(0.2F, 0.15F)
plotArea.Size = New System.Drawing.SizeF(0.45F, 0.6F)
plotArea.Series.Add(series1)
plotArea.Series.Add(series2)
plotArea.Series.Add(series3)
' 既定のY軸のクリア
plotArea.YAxes.Clear()
' Y1軸の設定
Dim yAxes1 As New FarPoint.Web.Chart.ValueAxis()
yAxes1.AxisId = 0
yAxes1.Location = FarPoint.Web.Chart.AxisLocation.Near
yAxes1.AutoMinimum = False
yAxes1.AutoMaximum = False
yAxes1.Minimum = 1
yAxes1.Maximum = 7
plotArea.YAxes.Add(yAxes1)
' Y2軸の設定
Dim yAxes2 As New FarPoint.Web.Chart.ValueAxis()
yAxes2.AxisId = 1
yAxes2.Location = FarPoint.Web.Chart.AxisLocation.Far
yAxes2.AutoMinimum = False
yAxes2.AutoMaximum = False
yAxes2.Minimum = 10
yAxes2.Maximum = 70
plotArea.YAxes.Add(yAxes2)
' Y3軸の設定
Dim yAxes3 As New FarPoint.Web.Chart.ValueAxis()
yAxes3.AxisId = 2
yAxes3.Location = FarPoint.Web.Chart.AxisLocation.Far
yAxes3.RulerOffset = 20
yAxes3.AutoMinimum = False
yAxes3.AutoMaximum = False
yAxes3.Minimum = 100
yAxes3.Maximum = 700
plotArea.YAxes.Add(yAxes3)
' X軸の設定
plotArea.XAxes(0).AutoMinorUnit = False
plotArea.XAxes(0).AutoMaximum = False
plotArea.XAxes(0).AutoMinimum = False
plotArea.XAxes(0).Minimum = 1
plotArea.XAxes(0).Maximum = 5
' チャートモデルの作成と設定
Dim model As New FarPoint.Web.Chart.ChartModel()
model.PlotAreas.Add(plotArea)
chart1.Model = model
chart1.Height = 200
chart1.Width = 400
' SPREADの設定
FpSpread1.Height = 300
FpSpread1.Width = 500
FpSpread1.ActiveSheetView.Charts.Add(chart1)
End Sub
If Page.IsPostBack Then Return
' チャートの作成
Dim chart1 As New FarPoint.Web.Spread.Chart.SpreadChart()
' 系列1の作成
Dim series1 As New FarPoint.Web.Chart.XYLineSeries()
series1.SeriesName = "series1"
series1.YAxisId = 0
For i As Integer = 0 To 4
series1.XValues.Add(i + 1)
series1.YValues.Add(i + 1)
Next
series1.PointMarker = New FarPoint.Web.Chart.BuiltinMarker(FarPoint.Web.Chart.MarkerShape.Circle, 5)
series1.PointFill = New FarPoint.Web.Chart.SolidFill(System.Drawing.Color.Red)
' 系列2の作成
Dim series2 As New FarPoint.Web.Chart.XYLineSeries
series2.SeriesName = "series2"
series2.YAxisId = 1
For i As Integer = 0 To 4
series2.XValues.Add(i + 1)
series2.YValues.Add((i + 2) * 10)
Next
series2.PointMarker = New FarPoint.Web.Chart.BuiltinMarker(FarPoint.Web.Chart.MarkerShape.Circle, 5)
series2.PointFill = New FarPoint.Web.Chart.SolidFill(System.Drawing.Color.Green)
' 系列3の作成
Dim series3 As New FarPoint.Web.Chart.XYLineSeries
series3.SeriesName = "series3"
series3.YAxisId = 2
For i As Integer = 0 To 4
series3.XValues.Add(i + 1)
series3.YValues.Add((i + 3) * 100)
Next
series3.PointMarker = New FarPoint.Web.Chart.BuiltinMarker(FarPoint.Web.Chart.MarkerShape.Circle, 5)
series3.PointFill = New FarPoint.Web.Chart.SolidFill(System.Drawing.Color.Blue)
' プロットエリアの作成
Dim plotArea As New FarPoint.Web.Chart.XYPlotArea()
plotArea.Location = New System.Drawing.PointF(0.2F, 0.15F)
plotArea.Size = New System.Drawing.SizeF(0.45F, 0.6F)
plotArea.Series.Add(series1)
plotArea.Series.Add(series2)
plotArea.Series.Add(series3)
' 既定のY軸のクリア
plotArea.YAxes.Clear()
' Y1軸の設定
Dim yAxes1 As New FarPoint.Web.Chart.ValueAxis()
yAxes1.AxisId = 0
yAxes1.Location = FarPoint.Web.Chart.AxisLocation.Near
yAxes1.AutoMinimum = False
yAxes1.AutoMaximum = False
yAxes1.Minimum = 1
yAxes1.Maximum = 7
plotArea.YAxes.Add(yAxes1)
' Y2軸の設定
Dim yAxes2 As New FarPoint.Web.Chart.ValueAxis()
yAxes2.AxisId = 1
yAxes2.Location = FarPoint.Web.Chart.AxisLocation.Far
yAxes2.AutoMinimum = False
yAxes2.AutoMaximum = False
yAxes2.Minimum = 10
yAxes2.Maximum = 70
plotArea.YAxes.Add(yAxes2)
' Y3軸の設定
Dim yAxes3 As New FarPoint.Web.Chart.ValueAxis()
yAxes3.AxisId = 2
yAxes3.Location = FarPoint.Web.Chart.AxisLocation.Far
yAxes3.RulerOffset = 20
yAxes3.AutoMinimum = False
yAxes3.AutoMaximum = False
yAxes3.Minimum = 100
yAxes3.Maximum = 700
plotArea.YAxes.Add(yAxes3)
' X軸の設定
plotArea.XAxes(0).AutoMinorUnit = False
plotArea.XAxes(0).AutoMaximum = False
plotArea.XAxes(0).AutoMinimum = False
plotArea.XAxes(0).Minimum = 1
plotArea.XAxes(0).Maximum = 5
' チャートモデルの作成と設定
Dim model As New FarPoint.Web.Chart.ChartModel()
model.PlotAreas.Add(plotArea)
chart1.Model = model
chart1.Height = 200
chart1.Width = 400
' SPREADの設定
FpSpread1.Height = 300
FpSpread1.Width = 500
FpSpread1.ActiveSheetView.Charts.Add(chart1)
End Sub
◎サンプルコード(C#)
protected void Page_Load(object sender, EventArgs e)
{
if (Page.IsPostBack)
{
return;
}
// チャートの作成
FarPoint.Web.Spread.Chart.SpreadChart chart1 = new FarPoint.Web.Spread.Chart.SpreadChart();
// 系列1の作成
FarPoint.Web.Chart.XYLineSeries series1 = new FarPoint.Web.Chart.XYLineSeries();
series1.SeriesName = "series1";
series1.YAxisId = 0;
for (int i = 0; (i <= 4); i++)
{
series1.XValues.Add((i + 1));
series1.YValues.Add((i + 1));
}
series1.PointMarker = new FarPoint.Web.Chart.BuiltinMarker(FarPoint.Web.Chart.MarkerShape.Circle, 5);
series1.PointFill = new FarPoint.Web.Chart.SolidFill(System.Drawing.Color.Red);
// 系列2の作成
FarPoint.Web.Chart.XYLineSeries series2 = new FarPoint.Web.Chart.XYLineSeries();
series2.SeriesName = "series2";
series2.YAxisId = 1;
for (int i = 0; (i <= 4); i++)
{
series2.XValues.Add((i + 1));
series2.YValues.Add(((i + 2) * 10));
}
series2.PointMarker = new FarPoint.Web.Chart.BuiltinMarker(FarPoint.Web.Chart.MarkerShape.Circle, 5);
series2.PointFill = new FarPoint.Web.Chart.SolidFill(System.Drawing.Color.Green);
// 系列3の作成
FarPoint.Web.Chart.XYLineSeries series3 = new FarPoint.Web.Chart.XYLineSeries();
series3.SeriesName = "series3";
series3.YAxisId = 2;
for (int i = 0; (i <= 4); i++)
{
series3.XValues.Add((i + 1));
series3.YValues.Add(((i + 3) * 100));
}
series3.PointMarker = new FarPoint.Web.Chart.BuiltinMarker(FarPoint.Web.Chart.MarkerShape.Circle, 5);
series3.PointFill = new FarPoint.Web.Chart.SolidFill(System.Drawing.Color.Blue);
// プロットエリアの作成
FarPoint.Web.Chart.XYPlotArea plotArea = new FarPoint.Web.Chart.XYPlotArea();
plotArea.Location = new System.Drawing.PointF(0.2F, 0.15F);
plotArea.Size = new System.Drawing.SizeF(0.45F, 0.6F);
plotArea.Series.Add(series1);
plotArea.Series.Add(series2);
plotArea.Series.Add(series3);
// 既定のY軸のクリア
plotArea.YAxes.Clear();
// Y1軸の設定
FarPoint.Web.Chart.ValueAxis yAxes1 = new FarPoint.Web.Chart.ValueAxis();
yAxes1.AxisId = 0;
yAxes1.Location = FarPoint.Web.Chart.AxisLocation.Near;
yAxes1.AutoMinimum = false;
yAxes1.AutoMaximum = false;
yAxes1.Minimum = 1;
yAxes1.Maximum = 7;
plotArea.YAxes.Add(yAxes1);
// Y2軸の設定
FarPoint.Web.Chart.ValueAxis yAxes2 = new FarPoint.Web.Chart.ValueAxis();
yAxes2.AxisId = 1;
yAxes2.Location = FarPoint.Web.Chart.AxisLocation.Far;
yAxes2.AutoMinimum = false;
yAxes2.AutoMaximum = false;
yAxes2.Minimum = 10;
yAxes2.Maximum = 70;
plotArea.YAxes.Add(yAxes2);
// Y3軸の設定
FarPoint.Web.Chart.ValueAxis yAxes3 = new FarPoint.Web.Chart.ValueAxis();
yAxes3.AxisId = 2;
yAxes3.Location = FarPoint.Web.Chart.AxisLocation.Far;
yAxes3.RulerOffset = 20;
yAxes3.AutoMinimum = false;
yAxes3.AutoMaximum = false;
yAxes3.Minimum = 100;
yAxes3.Maximum = 700;
plotArea.YAxes.Add(yAxes3);
// X軸の設定
plotArea.XAxes[0].AutoMinorUnit = false;
plotArea.XAxes[0].AutoMaximum = false;
plotArea.XAxes[0].AutoMinimum = false;
plotArea.XAxes[0].Minimum = 1;
plotArea.XAxes[0].Maximum = 5;
// チャートモデルの作成と設定
FarPoint.Web.Chart.ChartModel model = new FarPoint.Web.Chart.ChartModel();
model.PlotAreas.Add(plotArea);
chart1.Model = model;
chart1.Height = 200;
chart1.Width = 400;
// SPREADの設定
FpSpread1.Height = 300;
FpSpread1.Width = 500;
FpSpread1.ActiveSheetView.Charts.Add(chart1);
}
{
if (Page.IsPostBack)
{
return;
}
// チャートの作成
FarPoint.Web.Spread.Chart.SpreadChart chart1 = new FarPoint.Web.Spread.Chart.SpreadChart();
// 系列1の作成
FarPoint.Web.Chart.XYLineSeries series1 = new FarPoint.Web.Chart.XYLineSeries();
series1.SeriesName = "series1";
series1.YAxisId = 0;
for (int i = 0; (i <= 4); i++)
{
series1.XValues.Add((i + 1));
series1.YValues.Add((i + 1));
}
series1.PointMarker = new FarPoint.Web.Chart.BuiltinMarker(FarPoint.Web.Chart.MarkerShape.Circle, 5);
series1.PointFill = new FarPoint.Web.Chart.SolidFill(System.Drawing.Color.Red);
// 系列2の作成
FarPoint.Web.Chart.XYLineSeries series2 = new FarPoint.Web.Chart.XYLineSeries();
series2.SeriesName = "series2";
series2.YAxisId = 1;
for (int i = 0; (i <= 4); i++)
{
series2.XValues.Add((i + 1));
series2.YValues.Add(((i + 2) * 10));
}
series2.PointMarker = new FarPoint.Web.Chart.BuiltinMarker(FarPoint.Web.Chart.MarkerShape.Circle, 5);
series2.PointFill = new FarPoint.Web.Chart.SolidFill(System.Drawing.Color.Green);
// 系列3の作成
FarPoint.Web.Chart.XYLineSeries series3 = new FarPoint.Web.Chart.XYLineSeries();
series3.SeriesName = "series3";
series3.YAxisId = 2;
for (int i = 0; (i <= 4); i++)
{
series3.XValues.Add((i + 1));
series3.YValues.Add(((i + 3) * 100));
}
series3.PointMarker = new FarPoint.Web.Chart.BuiltinMarker(FarPoint.Web.Chart.MarkerShape.Circle, 5);
series3.PointFill = new FarPoint.Web.Chart.SolidFill(System.Drawing.Color.Blue);
// プロットエリアの作成
FarPoint.Web.Chart.XYPlotArea plotArea = new FarPoint.Web.Chart.XYPlotArea();
plotArea.Location = new System.Drawing.PointF(0.2F, 0.15F);
plotArea.Size = new System.Drawing.SizeF(0.45F, 0.6F);
plotArea.Series.Add(series1);
plotArea.Series.Add(series2);
plotArea.Series.Add(series3);
// 既定のY軸のクリア
plotArea.YAxes.Clear();
// Y1軸の設定
FarPoint.Web.Chart.ValueAxis yAxes1 = new FarPoint.Web.Chart.ValueAxis();
yAxes1.AxisId = 0;
yAxes1.Location = FarPoint.Web.Chart.AxisLocation.Near;
yAxes1.AutoMinimum = false;
yAxes1.AutoMaximum = false;
yAxes1.Minimum = 1;
yAxes1.Maximum = 7;
plotArea.YAxes.Add(yAxes1);
// Y2軸の設定
FarPoint.Web.Chart.ValueAxis yAxes2 = new FarPoint.Web.Chart.ValueAxis();
yAxes2.AxisId = 1;
yAxes2.Location = FarPoint.Web.Chart.AxisLocation.Far;
yAxes2.AutoMinimum = false;
yAxes2.AutoMaximum = false;
yAxes2.Minimum = 10;
yAxes2.Maximum = 70;
plotArea.YAxes.Add(yAxes2);
// Y3軸の設定
FarPoint.Web.Chart.ValueAxis yAxes3 = new FarPoint.Web.Chart.ValueAxis();
yAxes3.AxisId = 2;
yAxes3.Location = FarPoint.Web.Chart.AxisLocation.Far;
yAxes3.RulerOffset = 20;
yAxes3.AutoMinimum = false;
yAxes3.AutoMaximum = false;
yAxes3.Minimum = 100;
yAxes3.Maximum = 700;
plotArea.YAxes.Add(yAxes3);
// X軸の設定
plotArea.XAxes[0].AutoMinorUnit = false;
plotArea.XAxes[0].AutoMaximum = false;
plotArea.XAxes[0].AutoMinimum = false;
plotArea.XAxes[0].Minimum = 1;
plotArea.XAxes[0].Maximum = 5;
// チャートモデルの作成と設定
FarPoint.Web.Chart.ChartModel model = new FarPoint.Web.Chart.ChartModel();
model.PlotAreas.Add(plotArea);
chart1.Model = model;
chart1.Height = 200;
chart1.Width = 400;
// SPREADの設定
FpSpread1.Height = 300;
FpSpread1.Width = 500;
FpSpread1.ActiveSheetView.Charts.Add(chart1);
}
旧文書番号
83392