AdditionalYAxis on the left and right side

[Jan]

Hi,

is it possible to define multiple y axes and draw them on the left or right side? My requirenment is that the user can change the y axis side at runtime. A y axis can be connected to one or more line series definitions.

Thanks, Jan

[Missing User]

Hi Jan,

You can change the position of the YAxes by re-templating the ChartArea and setting the custom style to the RadChart.DefaultView.ChartArea.Style. By default the structure of our ChartArea is a grid with three columns and three rows:

	Additional X Axes
Y Axis	PlotArea	Additional Y Axes
	X Axis

In the attached file you can find an example how to change the position of the YAxes. For additional information on Multiple Y axes, please refer to the following online resources:
http://www.telerik.com/help/silverlight/radchart-features-axes-multiple-y-axes.html
http://demos.telerik.com/silverlight/#Chart/MultipleYAxes

I hope that this helps.

Kind regards,

Polina

the Telerik team

[Jan]

Hi Polina,

thank for your reply. I will try it next week.
Is it planned to offer an easier way to change the axes sides?

Thanks,
Jan

[Evgenia]

Hi Jan,

We'll be glad to know how this works for you.
To your latest question - at this moment we don't have plans to implement such functionality. However I've forwarded your feedback to our developers and they will decide whether and when this will be made for one of our future releases.

All the best,
Evgenia
the Telerik team

[Jan]

Hi Evgenia,

i hope that they will add this in the near future.
I have tried your solution and it does not fit all of my requirements. Attached there are screens of the provided solution and that what i want. The main difference is the orientation of the swapped y axis. Because they are only repositioned, their orientation is reveresed vertically. I want to have some y axes on the left and some on the right side. Each with his own series definition like in the attached example.

Is this possible?

Thanks,
Jan

[Missing User]

Hello Jan,

Currently, it is not possible to position the Additional YAxes separated from each other, so that there will be more than one Axis on the left and on the right side of the ChartArea. You can rotate the YAxes and change their orientation by setting the FlowDirection of the AxisY2D and the AdditionalAxes2DContainer to RightToLeft. You will also need to rotate the Titles for the YAxes by retemplating the AxisTitle Style like this:

<Style x:Key="CustomTitle" TargetType="telerik:AxisTitle">
    <Setter Property="BorderStyle">
        <Setter.Value>
            <Style TargetType="Border">
                <Setter Property="Margin" Value="0,5,0,0" />
                <Setter Property="CornerRadius" Value="2" />
                <Setter Property="RenderTransformOrigin" Value="0.5,0.5" />
                <Setter Property="RenderTransform">
                    <Setter.Value>
                        <RotateTransform Angle="180" />
                    </Setter.Value>
                </Setter>
            </Style>
        </Setter.Value>
    </Setter>
</Style>

and set the Style in code-behind like this:

this.RadChart1.DefaultView.ChartArea.AxisY.AxisStyles.TitleStyle = this.Resources["CustomTitle"] as Style;

foreach (var item in RadChart1.DefaultView.ChartArea.AdditionalYAxes)
{
    item.AxisStyles.TitleStyle = this.Resources["CustomTitle"] as Style;
}

In the attached file you can find the modified example. I hope this helps.

Kind regards,

Polina

the Telerik team