title: Align chart areas horizontally in ASP.NET chart control
body: <p>I have two chart areas Chartarea1 and Chartarea2 inside a single chart control.</p>
  
  <p>But this is getting aligned vertically, I want to align it horizontally. I used AlignmentOrientation="Horizontal" but of no help.</p>
  
  <p>I am getting output as below:</p>
  
  <p><a href="https://i.stack.imgur.com/wAh6y.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/wAh6y.png" alt="enter image description here"></a> </p>
  
  <p>But i need output as:
  <a href="https://i.stack.imgur.com/ws8BX.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ws8BX.png" alt="enter image description here"></a></p>
  
  <pre><code>&lt;asp:Chart ID="chartTest" runat="server" EnableViewState="true" Visible="false" Width="650px"&gt;&lt;Titles&gt;&lt;asp:Title Text="Test" Font="Arial, 11pt, style=Bold" /&gt;&lt;/Titles&gt;&lt;Series&gt;&lt;!--have few series here --&gt;&lt;/Series&gt;&lt;ChartAreas&gt;&lt;asp:ChartArea Name="ChartArea1" Area3DStyle-Enable3D="false"&gt;&lt;Area3DStyle Enable3D="false" WallWidth="3" LightStyle="Realistic"&gt;&lt;/Area3DStyle&gt;&lt;/asp:ChartArea&gt;&lt;asp:ChartArea Name="ChartArea2" Area3DStyle-Enable3D="false"&gt;&lt;Area3DStyle Enable3D="false" WallWidth="3" LightStyle="Realistic"&gt;&lt;/Area3DStyle&gt;&lt;/asp:ChartArea&gt;&lt;/ChartAreas&gt;&lt;/asp:Chart&gt;
  </code></pre>
  
  <p>Any help will be appreciated.</p>