We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Z-Order

Thread ID:

Created:

Updated:

Platform:

Replies:

74845 Jun 30,2008 09:42 PM UTC Jul 2,2008 07:22 AM UTC ASP.NET Web Forms (Classic) 1
loading
Tags: Chart
Aymiee Lee
Asked On June 30, 2008 09:42 PM UTC

I have a stacking column and a line chart. I would like the line chart to be on the foreground and stacking in the background. Does z-Order work with line chart?

I am unable to get the line chart to be on top (foreground)


Manohari [Syncfusion]
Replied On July 2, 2008 07:22 AM UTC

Hi Al,

Sorry for the delayed response. It is possible to Change the ZOrder of the series using the ChartSeries.ZOrder property as given below.

Example:

this.ChartWebControl1.Model.Series[0].ZOrder = 2; // Line series
this.ChartWebControl1.Model.Series[1].ZOrder = 1; // StackingColumn
this.ChartWebControl1.Model.Series[2].ZOrder = 0; // StackingColumn

I have attached the sample that illustrates the same this link below.

http://websamples.syncfusion.com/samples/Chart.Web/6.2.0.40/F74845_1/Sample.htm

But this property will not work with StackingColumn for Essential Studio versions lower than V6.2.0.40.

Could you please let us know the version you are currently using?

However, if you are using version before 6.2.0.40, it is possible to draw the Line above the stackingColumn by adding the LineChartSeries to the ChatrControl.Series Collection as first Series. By default, the Series are painted depending on the order they are added to the chart. i.e. series which is added to

the chart as first is painted as the outermost and the series which is added at the last is painted as the innermost.


Hence if the line chart is added to the chartControl.Series first it will be drawn above the stackingChart.

Example:

this.ChartWebControl1.Series.Add(lineSeries); // Will be painted as outermost series
this.ChartWebControl1.Series.Add(series2); //Will be painted in middle.
this.ChartWebControl1.Series.Add(series1); // Will be painted as the innermost Series

I have attached the sample that illustrates the same this link below.

http://websamples.syncfusion.com/samples/Chart.Web/5.2.0.25/F74845/Sample.htm

Kindly let us know if this meets your requirement. Thanks for your patience.

Regards,
Manohari.R


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

;