Pre loader

Align all Y-Axes to same Gridlines

Welcome to the SciChart Forums!

  • Please read our Question Asking Guidelines for how to format a good question
  • Some reputation is required to post answers. Get up-voted to avoid the spam filter!
  • We welcome community answers and upvotes. Every Q&A improves SciChart for everyone

WPF Forums | JavaScript Forums | Android Forums | iOS Forums


Hello everybody,

my project is very similar to “Quad Left-Right Y-Axes”-Example. If you have a look at this, the Gridlines only math the Left Axis 1. All other Axes have their Major/Minor Ticks randomly spread. It’s not easy to see fast what value has another series then the first because the Gridlines simply dont match.

Is there a way to have all the Major/Minor Ticks Aligned to the Left Axis 1 ones? (i attached a picture which it should look like) But the Series don’t have the same Range. So the Major steps should only match in Grid, not in value (except 0 should be on one line).

I hope you understand my problem.

thx in advance for help

PS: i use full dynamic MVVM approach, the only code in View is ->

Style="{StaticResource SciChartSurfaceStyle}"
GridLinesPanelStyle="{StaticResource GridLinesPanelStyle}"
ChartModifier="{Binding chartModifier}"
SeriesSource="{Binding seriesSource}"
YAxes="{Binding yAxes}"
XAxes="{Binding xAxes}"
Annotations="{Binding annotations}"

  • You must to post comments

Hi Michael,

In multiple axis scenarios, only one axis is allowed to draw gridlines. This is called the primary axis. Typically it is the first axis in the AxisCollection, but you can also set it like this:

      <s:NumericAxis />
      <s:NumericAxis Id="SecondaryAxis" IsPrimaryAxis="True"/>
      <s:NumericAxis Id="TertiaryAxis"/>

Each Axis decides its own VisibleRange and Tick spacing independently, based on the data you have on the axis. If you want to override this, you will need to

  1. set the MajorDelta / MinorDelta properties to be the same
  2. Or, set the Axis.VisibleRanges to be the same
  3. Or, have full control over the axis tick generation using our TickProvider API

Hope this helps explain how our Axes work. If you require further info, please comment on this post.

Best regards,

  • You must to post comments
Showing 1 result
Your Answer

Please first to submit.