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
55
Chart with Y2 axis shows columns on top of each other
posted

I have a simple example chart to show the issue.  In a 2-series column chart, without using SecondaryY axis, the chart shows with the columns for each x axis data point next to each other, how we want it.  (see screenshot)  I have purposely set the values in the 2nd series to a different "range" than the 1st. 

When adding the AxisY property to the 2nd series, the sencond Y axis shows properly, but the columns for each series are lined up on top of each other. 

Am I using the Axis settings incorrectly, or is this the expected behaivor?  If so, is there any way to get the columns next to each other when using 2 Y axes?

Here's the XAML for the simple chart

<igChart:XamWebChart >
 
 <igChart:XamWebChart.Axes>
    <igChart:Axis AxisType="PrimaryY"  Name="y1" />
    <igChart:Axis AxisType="SecondaryY" Name="y2" />
  </igChart:XamWebChart.Axes>
 
 <igChart:XamWebChart.Series>
  <igChart:Series Label="North America" ChartType="Column" AxisY="y1" >
   <igChart:Series.DataPoints>
    <igChart:DataPoint Value="32500" Label="1st" />
    <igChart:DataPoint Value="54000" Label="2nd" />
    <igChart:DataPoint Value="39000" Label="3rd" />
    <igChart:DataPoint Value="44000" Label="4th" />
   </igChart:Series.DataPoints>
  </igChart:Series>
  
  <!-- remove AxisY property to see columns next to each other -->
  <igChart:Series Label="Europe" ChartType="Column" AxisY="y2" > 
   <igChart:Series.DataPoints>
    <igChart:DataPoint Value="350" Label="1st" />
    <igChart:DataPoint Value="420" Label="2nd" />
    <igChart:DataPoint Value="450" Label="3rd" />
    <igChart:DataPoint Value="270" Label="4th" />
   </igChart:Series.DataPoints>
  </igChart:Series>
  
 </igChart:XamWebChart.Series>