I want to add multiple plots with shared x-axis using OXYPLOT library. The example code is as follows and it sets 4 different y-axis sharing the same x-axis. However i can only plot data on the 1st x&y axis but not the others. Any kind of suggestion would be appreciated.
[Example("Untitled")]
public static PlotModel Untitled()
{
var plotModel1 = new PlotModel();
plotModel1.PlotMargins = new OxyThickness(40,20,40,30);
var linearAxis1 = new LinearAxis();
linearAxis1.EndPosition = 0.25;
linearAxis1.Maximum = 1;
linearAxis1.Minimum = -1;
linearAxis1.Title = "C1";
linearAxis1.Key= "C1";
plotModel1.Axes.Add(linearAxis1);
var linearAxis2 = new LinearAxis();
linearAxis2.EndPosition = 0.5;
linearAxis2.Maximum = 1;
linearAxis2.Minimum = -1;
linearAxis2.Position = AxisPosition.Right;
linearAxis2.StartPosition = 0.25;
linearAxis2.Title = "C2";
linearAxis2.Key= "C2";
plotModel1.Axes.Add(linearAxis2);
var linearAxis3 = new LinearAxis();
linearAxis3.EndPosition = 0.75;
linearAxis3.Maximum = 1;
linearAxis3.Minimum = -1;
linearAxis3.StartPosition = 0.5;
linearAxis3.Title = "C3";
linearAxis3.Key= "C3";
plotModel1.Axes.Add(linearAxis3);
var linearAxis4 = new LinearAxis();
linearAxis4.Maximum = 1;
linearAxis4.Minimum = -1;
linearAxis4.Position = AxisPosition.Right;
linearAxis4.StartPosition = 0.75;
linearAxis4.Title = "C4";
linearAxis1.Key= "C4";
plotModel1.Axes.Add(linearAxis4);
var linearAxis5 = new LinearAxis();
linearAxis5.Maximum = 100;
linearAxis5.Minimum = 0;
linearAxis5.Position = AxisPosition.Bottom;
linearAxis5.Title = "s";
linearAxis5.Key= "s";
plotModel1.Axes.Add(linearAxis5);
return plotModel1;
}
Assign the XAxisKey and YAxisKey propertiy to your serises.
PlotModel pm = new PlotModel();
OxyPlot.Series.FunctionSeries s1 = new FunctionSeries(Math.Sin, -10, 10, 0.1, "sin(x)");
s1.YAxisKey = "axesY2";
s1.XAxisKey = "axesX2";
pm.Series.Add(s1);
In your case, the key is "C1", "C2", and "C3", etc.
As said before, you have to use the YAxisKey and XAxisKey attributes combined with the StartPosition and EndPosition. The position is in percentage (from 0 to 1) so for example, if you want to divide equally the Y axes of graph, you can try code like this:
float percentage = 1f / NumberOfGraphs;
for (int i = 1; i <= NumberOfGraphs; i++) {
...
LinearAxis yAxes = new LinearAxis();
yAxes.Position = OxyPlot.Axes.AxisPosition.Left;
yAxes.StartPosition = (i - 1) * percentage;
yAxes.EndPosition = i * percentage;
yAxes.Key = "Y" + i;
...
LineSeries lineSerie = new LineSeries();
lineSerie.YAxisKey = "Y" + i;
...
yourPlotView.Model.Series.Add(lineSerie)
}
Related
I have a program to plot chart but now there is a problem where sometimes the chart does not show fully. Is there any way to fix it?
What I expect it to be:
Currently, the problem faced:
code, where i key, generate the graph
dataGridView1.Rows[8].Cells[0].Value.ToString(); // Start of X-T/B
float x1 = float.Parse(dataGridView1.Rows[8].Cells[0].Value.ToString()); // Get of X-T/B Value
var Chart = this.chart1.ChartAreas[0];
Chart.AxisX.IntervalType = System.Windows.Forms.DataVisualization.Charting.DateTimeIntervalType.Number;
Chart.AxisY.Title = "Average";
var Chart1 = chart2.ChartAreas[0];
Chart1.AxisX.IntervalType = System.Windows.Forms.DataVisualization.Charting.DateTimeIntervalType.Number;
Chart1.AxisY.Title = "Range";
Chart.AxisX.LabelStyle.Format = "";
Chart.AxisY.LabelStyle.Format = "";
Chart.AxisY.LabelStyle.IsEndLabelVisible = true;
Chart1.AxisX.LabelStyle.Format = "";
Chart1.AxisY.LabelStyle.Format = "";
Chart1.AxisY.LabelStyle.IsEndLabelVisible = true;
this.chart1.Series[0].XValueMember = dataGridView1.Columns[0].DataPropertyName;
this.chart1.Series[0].YValueMembers = dataGridView1.Columns[1].DataPropertyName;
this.chart1.DataSource = dataGridView1.DataSource;
chart2.Series[0].XValueMember = dataGridView1.Columns[0].DataPropertyName;
chart2.Series[0].YValueMembers = dataGridView1.Columns[1].DataPropertyName;
chart2.DataSource = dataGridView1.DataSource
double lclx = (Convert.ToDouble(label22.Text));
double uclx = (Convert.ToDouble(label21.Text));
double lclR = (Convert.ToDouble(label25.Text)); Caculation
double uclR = (Convert.ToDouble(label24.Text));Caculation
double y = lclx - 0.02;Caculation
double z = uclx + 0.02;Caculation
double p = lclR - 0.04;Caculation
if (lclR <= 0.00)Caculation
{
p = 0.00;Caculation
}
double b = uclR + 0.04;
Chart.AxisX.Minimum = 1; // Descriptions
Chart.AxisX.Maximum = 31; // Descriptions
Chart.AxisY.Minimum = y; // Descriptions
Chart.AxisY.Maximum = z; // Descriptions
Chart.AxisX.Interval = 1; // Descriptions
Chart.AxisY.Interval = 0.02; // Descriptions
Chart1.AxisX.Minimum = 1; // Descriptions
Chart1.AxisX.Maximum = 31; // Descriptions
Chart1.AxisY.Minimum = p; // Descriptions
Chart1.AxisY.Maximum = b; // Descriptions
Chart1.AxisX.Interval = 1; // Descriptions
Chart1.AxisY.Interval = 0.05;
this.chart1.Series.Clear();
this.chart1.Series.Dispose();
chart2.Series.Clear();
chart2.Series.Dispose();
this.chart1.Series.Add("X-T/B");
this.chart1.Series["X-T/B"].ChartType = System.Windows.Forms.DataVisualization.Charting.SeriesChartType.Line;
this.chart1.Series["X-T/B"].Color = Color.Black;
this.chart1.Series["X-T/B"].BorderWidth = 3;
this.chart1.Series[0].IsVisibleInLegend = false;
chart2.Series.Add("Range");
chart2.Series["Range"].ChartType = System.Windows.Forms.DataVisualization.Charting.SeriesChartType.Line;
chart2.Series["Range"].Color = Color.Black;
chart2.Series["Range"].BorderWidth = 3;
chart2.Series[0].IsVisibleInLegend = false;
this.chart1.Series["X-T/B"].MarkerStyle = MarkerStyle.Diamond;
this.chart1.Series["X-T/B"].MarkerSize = 10;
this.chart1.Series["X-T/B"].MarkerColor = Color.Blue;
chart2.Series["Range"].MarkerStyle = MarkerStyle.Diamond;
chart2.Series["Range"].MarkerSize = 10;
chart2.Series["Range"].MarkerColor = Color.Blue;
this.chart1.Series["X-T/B"].Points.AddXY(1, x1);
I want Vertical Axis like this
But I'm getting this
I'm using EPPlus 3.1 (http://epplus.codeplex.com/)
using (var package = new ExcelPackage())
{
var workbook = package.Workbook;
var worksheet = workbook.Worksheets.Add("Sheet1");
worksheet.Cells["C1"].Value = "Widgets";
worksheet.Cells["C2"].Value = 20;
worksheet.Cells["C3"].Value = 5;
worksheet.Cells["C4"].Value = 30;
worksheet.Cells["C5"].Value = 32;
worksheet.Cells["C6"].Value = 17;
worksheet.Cells["D1"].Value = "Widgets2";
worksheet.Cells["D2"].Value = 1;
worksheet.Cells["D3"].Value = 2;
worksheet.Cells["D4"].Value = 3;
worksheet.Cells["D5"].Value = 4;
worksheet.Cells["D6"].Value = 5;
worksheet.Cells["B2"].Value = "Jan";
worksheet.Cells["B3"].Value = "Feb";
worksheet.Cells["B4"].Value = "Mar";
worksheet.Cells["B5"].Value = "Apr";
worksheet.Cells["B6"].Value = "May";
var chart = worksheet.Drawings.AddChart("chart", eChartType.ColumnClustered);
var series = chart.Series.Add("C2:C6", "B2:B6");
series.HeaderAddress = new ExcelAddress("'Sheet1'!C1");
series = chart.Series.Add("D2:D6", "B2:B6");
series.HeaderAddress = new ExcelAddress("'Sheet1'!D1");
package.SaveAs(new System.IO.FileInfo(Server.MapPath("Upload/" + Guid.NewGuid().ToString() + ".xlsx")));
}
You need to turn off the minor tick marks on the value axis. In Excel VBA it's this, I'll let you convert it:
chart.Axes(xlValue).MinorTickMark = xlTickMarkNone
I have looked at "similar" questions but can't actually find anything that applies, surprisingly. I calculate how many data points I would like to create on my Mschart Line Chart with a sum using imported converted data. Using the result of this, I divide it by another number that varies and this is the space I want to have between each datapoint. 124 is constant.
300 (varies) / 124 (X-Axis) = 2.419354838709677 (this is the space I want between each point)
I thought about creating a for loop like so
for (double i = 1; i < samples_hd; i++)
{
// distribute data points evenly here
}
A file is going to be read through into the chart, so far I have manually added data points as I'm not sure at all how to add them like above ^.
var sn = new System.Windows.Forms.DataVisualization.Charting.Series(English.Sam_Num);
sn.ChartType = SeriesChartType.Line;
sn.Points.Add(new DataPoint(9, 30));
sn.Points.Add(new DataPoint(150, 28));
sn.XAxisType = AxisType.Primary;
Chart_Line.Series.Add(sn);
Chart_Line.ChartAreas[0].AxisX.Minimum = 0;
Chart_Line.ChartAreas[0].AxisX.Maximum = 124;
Chart_Line.ChartAreas[0].AxisX.Interval = 15;
Chart_Line.ChartAreas[0].AxisX.MajorGrid.Enabled = false;
It took such a long time to get it working, but it works :) My graph actually has 3 series, but for the example I will just show the 2 series.
private void Main(byte[] rec_arr)
{
var series1 = new Series("series1");
series1 .ChartType = SeriesChartType.Line;
series1 .MarkerStyle = MarkerStyle.Circle;
series1 .MarkerSize = 3;
series1 .YAxisType = AxisType.Primary;
series1 .Color = Color.Navy;
var series2 = new Series("series2");
series2 .ChartType = SeriesChartType.Line;
series2 .MarkerStyle = MarkerStyle.Triangle;
series2 .MarkerSize = 3;
series2 .YAxisType = AxisType.Primary;
series2 .Color = Color.Crimson;
foreach (var series in Chart1.Series)
{
series.Points.Clear();
}
double interval1 = 0;
double interval2 = File_Details.time / (double)124;
int Offset2 = 502;
int Offset3 = 750;
float data1, data2;
if (File_Details.time == 0)
{
Label_Error_Graph.Visible = true;
Chart1.ChartAreas[0].AxisX.Maximum = 0;
Chart1.ChartAreas[0].AxisX.Minimum = 0;
Chart1.Series[0].Points.Add(0);
Chart1.Series[1].Points.Add(0);
}
else
{
Label_Error_Graph.Visible = false;
}
for (interval1 = 0; interval1 < File_Details.time; interval1 += interval2)
{
data1 = DecodeSingle(rec_arr, Offset3);
if (Chart1.Series.IndexOf("series1") == -1)
{
Chart1.Series.Add(series1);
}
Offset3 = Offset3 + 2;
if (data1 < 300)
{
Chart1.Series[0].Points.AddXY(interval1, supply);
}
else
{
Chart1.Series[0].Points.AddXY(interval1, 300);
}
}
for (interval1 = 0; interval1 < File_Details.time; interval1 += interval2)
{
data2 = DecodeSingle(rec_arr, Offset2) / (float)100;
if (Chart1.Series.IndexOf("series2") == -1)
{
Chart1.Series.Add(series2);
}
Offset2 = Offset2 + 2;
if (data2 < 150)
{
Chart1.Series[1].Points.AddXY(interval1, data2);
}
else
{
Chart1.Series[1].Points.AddXY(interval1, 150);
}
}
}
I'm trying to change the length of the Dashes on the Zed Graph line. I would like to have larger gaps between the solid lines.
example of my code
LineItem LineCurve = null
LineCurve = ZedGraphControl.GraphPane.AddCurve("line1",PairPointListData, Color, Symbol);
//now I want to change the dash settings
LineCurve.Line.Style = System.Drawing.Drawing2D.DashStyle.Dash;
LineCurve.Line.StepType = StepType.ForwardStep;
LineCurve.Line.DashOn = 1.0f;//Not sure what this floating point does
LineCurve.Line.DashOff = 1.0f;//Also not sure
I have changed the values of the Dash On and Off, but I can't see anything noticeable.
Your dash style must be set to 'Custom'. See:
http://zedgraph.sourceforge.net/documentation/html/P_ZedGraph_LineBase_DashOff.htm
Here is some sample code:
double[] xvals = new double[100];
double[] yvals = new double[100];
for (double i = 0; i < xvals.Length; i++)
{
xvals[(int)i] = i / 10;
yvals[(int)i] = Math.Sin(i / 10);
}
var zgc = msGraphControl1.zedGraphControl1;
var lineItem = zgc.GraphPane.AddCurve("Custom", xvals, yvals, Color.Blue);
lineItem.Line.Style = DashStyle.Custom;
lineItem.Line.Width = 3;
lineItem.Line.DashOn = 5;
lineItem.Line.DashOff = 10;
//offset the next curve
for (int i = 0; i < xvals.Length; i++)
{
xvals[i] = xvals[i] + 0.5;
yvals[i] = yvals[i] + 0.05;
}
var lineItem2 = zgc.GraphPane.AddCurve("DashDotDot", xvals, yvals, Color.Red);
lineItem2.Line.Width = 3;
lineItem2.Line.Style = DashStyle.DashDotDot;
//offset the next curve
for (int i = 0; i < xvals.Length; i++)
{
xvals[i] = xvals[i] + 0.5;
yvals[i] = yvals[i] + 0.05;
}
var lineItem3 = zgc.GraphPane.AddCurve("Solid", xvals, yvals, Color.Black);
lineItem3.Line.Width = 3;
lineItem3.Line.Style = DashStyle.Solid;
zgc.AxisChange();
zgc.Refresh();
I try to add multiple curves and yaxises using ZedGraph. But I added points to the first curve succesfully after I tried to add the second curve. The first one values' disappear and
myCurve.Points.Count equals 0. For example, if I add 6 curves, only the sixth one has values others count =0. Also any of them show up on the graph. Here is the code:
colors = new Color[ff.documentColumnCount + 4];
zedGraphControl1.IsShowPointValues = true;
myPane = zedGraphControl1.GraphPane;
LineItem myCurve;
Color[] colors;
myPane.XAxis.Type = ZedGraph.AxisType.Date;
myPane.XAxis.Scale.Format = "HH:mm:ss";
myPane.XAxis.Scale.MajorUnit = DateUnit.Second;
zamanValue = new double[ff.tarihSaat.Length - 4]; // x axis time values. ff is another windows form name, no problem here.
for (int i = 0; i < ff.tarihSaat.Length - 4; i++)
{
zamanValue[i] = (double)new XDate(ff.tarihSaat[i].Year,
ff.tarihSaat[i].Month,
ff.tarihSaat[i].Day,
ff.tarihSaat[i].Hour,
ff.tarihSaat[i].Minute,
ff.tarihSaat[i].Second);
counter++;
}
yaxisArray = new YAxis[ff.documentColumnCount + 4]; // temp y axises
for (int k = 0; k < chckboxNumber; k++)
{
tempPointPairList.Clear();
tempPointPairList = createPairPointList(k); // Creates points, I see the correct values everytime, also no problem here.
minYvalues[k] = Findmin(tempPointPairList);
maxYvalues[k] = FindMax(tempPointPairList);
myCurve = myPane.AddCurve(ff.columnNames[k + 3], tempPointPairList, colors[k], SymbolType.None);
myCurve.Line.Width = 2.5f;
//myCurve.IsVisible = true;
myCurve.YAxisIndex = k;
myCurve.IsVisible = true;
if (k == 0)
{
myPane.YAxis.IsVisible = true;
myPane.YAxis.Scale.Max = 1;
myPane.YAxis.Scale.Min = 0;
myPane.YAxis.Scale.MajorStep = (myPane.YAxis.Scale.Max - myPane.YAxis.Scale.Min) / 10;
myPane.YAxis.MajorGrid.IsVisible = true;
}
else
{
yaxisArray[k] = new YAxis(ff.columnNames[k + 3]);
//yaxisArray[k].Color = colors[k];
yaxisArray[k].IsVisible = false;
yaxisArray[k].Title.IsVisible = false;
myPane.YAxisList.Add(yaxisArray[k]);
if (minYvalues[k] == maxYvalues[k])
{
yaxisArray[k].Scale.Min = minYvalues[k] - 0.1;
yaxisArray[k].Scale.Max = maxYvalues[k] + 0.1;
}
else
{
yaxisArray[k].Scale.Min = minYvalues[k];
yaxisArray[k].Scale.Max = maxYvalues[k];
}
myPane.YAxisList.Add(yaxisArray[k]);
}
yAxisListIndexes[k] = myPane.YAxisList.Count-1;
minTextBoxes[k].Text = minYvalues[k].ToString();
maxTextBoxes[k].Text = maxYvalues[k].ToString();
durum[k].previousState = 1;
durum[k].currentState = 1;
chckBoxList[k].Checked = true;
myCurve.Clear();
}
myPane.XAxis.Scale.Min = zamanValue[0];
myPane.XAxis.Scale.Max = zamanValue[zamanValue.Length - 1];
//myPane.YAxisList[0].IsVisible = true;
zedGraphControl1.AxisChange();
zedGraphControl1.Invalidate();
zedGraphControl1.Refresh();
Where is the mistake?
You don't add curves to each other, you add them to myPane.CurveList so you have them in myPane.CurveList[0], myPane.CurveList[1] and so on, not in myCurve. myCurve serves as store for current curve you are working with. When you call
myCurve = myPane.AddCurve(ff.columnNames[k + 3], tempPointPairList, colors[k], SymbolType.None);
a brand new curve is created, added to myPane.CurveList and is written into myCurve variable. It has a fresh state as it's just created. You can access your previous curve(s) in myPane.CurveList.