Forums Ultimate UI for WPF
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Philip
215
Secondary Y Axis Question
posted

Hi I am just wondering if it is possible to do somethinglike this?

Here is my attempt:

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

<

 

 

 

igCA:XamChart Theme="Office2k7Blue" Foreground="{DynamicResource HeaderForeground

}" >

 

 

 

 

<igCA:XamChart.Axes

>

 

 

 

 

<igCA:Axis AxisType="PrimaryY" Minimum="0" Maximum="50000" Unit="10000" Visible="True" x:Name

="DollarAxis"/>

 

 

 

 

<igCA:Axis AxisType="PrimaryX" Visible

="False">

 

 

 

 

<igCA:Axis.MajorGridline

>

 

 

 

 

<igCA:Mark Visible

="False"/>

 

 

 

 

</igCA:Axis.MajorGridline

>

 

 

 

 

</igCA:Axis

>

 

 

 

 

<igCA:Axis AxisType="SecondaryY" x:Name="CountAxis" Visible="True" AutoRange="False" Minimum="0" Maximum="10" Unit

="2">

 

 

 

 

</igCA:Axis

>

 

 

 

 

</igCA:XamChart.Axes

>

 

 

 

 

<igCA:XamChart.Legend

>

 

 

 

 

<igCA:Legend Visible

="True"/>

 

 

 

 

</igCA:XamChart.Legend

>

 

 

 

 

<igCA:XamChart.Series

>

 

 

 

 

<igCA:Series ChartType="Column" AxisY

="DollarAxis">

 

 

 

 

<igCA:Series.DataPoints

>

 

 

 

 

<igCA:DataPoint Value="{Binding Count}" Label

="Count"/>

 

 

 

 

</igCA:Series.DataPoints

>

 

 

 

 

<igCA:Series.Animation

>

 

 

 

 

<igCA:Animation BeginTime="00:00:0.75" Duration

="00:00:02"/>

 

 

 

 

</igCA:Series.Animation

>

 

 

 

 

</igCA:Series

>

 

 

 

 

<igCA:Series ChartType="Column" AxisY

="CountAxis">

 

 

 

 

<igCA:Series.DataPoints

>

 

 

 

 

<igCA:DataPoint Value="{Binding TotalAmount}" Label

="Amount"/>

 

 

 

 

</igCA:Series.DataPoints

>

 

 

 

 

<igCA:Series.Animation

>

 

 

 

 

<igCA:Animation BeginTime="00:00:0.75" Duration

="00:00:02"/>

 

 

 

 

</igCA:Series.Animation

>

 

 

 

 

</igCA:Series

>

 

 

 

 

</igCA:XamChart.Series

>

 

 

 

 

</igCA:XamChart

>

  • 9836
    posted

    Yes, this is possible using different templates for the series:

    <igCA:Series ChartType="Column" AxisY="DollarAxis" UseDataTemplate="False" Fill="Red" /> 
    <igCA:Series ChartType="Column" AxisY="CountAxis" UseDataTemplate="True" Fill="Blue" />

    You can copy and paste the default template (ColumnChartTemplate) from our DefaultStyles folder into the Resources of the chart and change the width of the main border. Only the second series then will use the custom template.