Set the position of a chart series in sfchart

[yoavkamary]

Hi,
I have multiple charts that overlay each other on the same graph and I want to set the position of a certain chart to be on front of the others.
I attached an example graph. In this example I would like the red line(BarVaAvg24H) to be in the first layer and the the other 3 charts will be behind.

Thanks in advanced
Yoav

Attachment: Simulator_Screen_Shot_29_Jun_2017,_12.37.59.png_4de5ed15.zip

[Saravana Pandian Murugan]

Hi Yoavkamary, 

  

Thanks for using Syncfusion products. 

  

In SfChart, ChartSeries will render based on the order it is added to ChartSeriesCollection. 

  

Regarding “In this example I would like the red line(BarVaAvg24H) to be in the first layer and the other 3 charts will be behind” 

  

For this requirement, you can add the LineSeries (red line) at last in the ChartSeriesCollection as per the code snippet. 

 

Code Example: 

  

 

<chart:SfChart.Series> 

  

      <chart:AreaSeries ItemsSource="{Binding Data}" XBindingPath="XValue" YBindingPath="YValue"/> 

  

      <chart:ColumnSeries ItemsSource="{Binding Data}" XBindingPath="XValue" YBindingPath="YValue"/> 

  

      <chart:LineSeries ItemsSource="{Binding Data}" XBindingPath="XValue" YBindingPath="YValue"/> 

  

</chart:SfChart.Series> 

  

  

Please let us know if you need further assistance on this. 

  

Regards, 

Saravana Pandian M. 

[yoavkamary]

Thanks a lot, exactly what I needed.

One more thing,
In the same chart I have attached the screen shot, I would like rain(blue bars) and irrigation(aqua bars) to use only Y axe together and not to have Y axe for each as currently.

Yoav

[Saravana Pandian Murugan]

Hi Yoavkamary,

You can achieve this requirement by hiding the other axis with the help of IsVisible property of ChartAxis. We have attached a sample for your reference which can be downloaded from the below location.

Sample: http://www.syncfusion.com/downloads/support/forum/131225/ze/HideAxis1729333255

Please check the sample and let us know if your requirement is different from this.

Regards,
Saravana Pandian M.

[yoavkamary]

Hi,
This is not the result I want. by setting IsVisible to false just hide the Y axe for this particular chart and not making this chart to use the remaining Y axe in relation with it's values.

For example it you look at the screen shot the rain chart mm range from 0 to 4+ and the irrigation char mm range from 0 to 11. what I need is one Y axe that will range for both of them.

Let me know if you need more explanation

Thanks

[Saravana Pandian Murugan]

Hi YoavKumary,

We have achieved your requirement by using the same YAxis to both the ChartSeries. We have modified the sample which can be downloaded from the below location.

Sample: http://www.syncfusion.com/downloads/support/forum/131225/ze/HideAxis1110186873

Please check the sample and let us know if you need further assistance on this.

Regards,
Saravana Pandian M.