title: Silverlight CategoryAxis X widht stretch horizontally with scrollView
body: <p>I have Working Column Series.</p>
  
  <p>I have around 50+ multiple column series to display, when there are more number of bars it shrinks the bar width and adjusts to chart width.</p>
  
  <p>So i want to add a scroll only to Category Axis X and scroll horizontally with fixing the width of bars, if its more number of series the X axis should stretch horizontally.</p>
  
  <p>here is the screen shot:</p>
  
  <p><img src="https://i.stack.imgur.com/rfxTw.png" alt="enter image description here"></p>
  
  <p>In the screen shot you can see that the 3rd series is cutting, and its not scrolling.</p>
  
  <p>This is what i have tried:</p>
  
  <pre><code>&lt;charting:Chart Name="barChart"
                                  Style="{StaticResource PhoneChartStyle}"
                                  Template="{StaticResource BarChartTemplate}"&gt;
                      &lt;charting:Chart.Axes&gt;
                          &lt;charting:LinearAxis ShowGridLines="True" Title="Scores" Orientation="Y" Minimum="0" Maximum="50" Interval="10"/&gt;
                          &lt;charting:CategoryAxis HorizontalContentAlignment="Stretch"
                                                 HorizontalAlignment="Stretch"
                                                 Title="Fruits" 
                                                 Width="1000"
                                                 Orientation="X" 
                                                 ScrollViewer.HorizontalScrollBarVisibility="Visible"&gt;
                          &lt;/charting:CategoryAxis&gt;
                      &lt;/charting:Chart.Axes&gt;
                      &lt;charting:Chart.Series&gt;
                          &lt;charting:ColumnSeries 
                                      Title="Apple"
                                      IndependentValueBinding="{Binding Key}"
                                      DependentValueBinding="{Binding Value}"
                                      AnimationSequence="Simultaneous"&gt;
                              &lt;/charting:ColumnSeries&gt;
                              &lt;charting:ColumnSeries                 
                                      Title="Oranges"
                                      IndependentValueBinding="{Binding Key}"
                                      DependentValueBinding="{Binding Value}"
                                      AnimationSequence="Simultaneous"&gt;
                              &lt;/charting:ColumnSeries&gt;
                              &lt;charting:ColumnSeries                 
                                      Title="Guava"
                                      IndependentValueBinding="{Binding Key}"
                                      DependentValueBinding="{Binding Value}"
                                      AnimationSequence="Simultaneous"&gt;
                              &lt;/charting:ColumnSeries&gt;
                      &lt;/charting:Chart.Series&gt;
                  &lt;/charting:Chart&gt;*
  </code></pre>