Microsoft .NET chart controls on mobile

Microsoft .NET chart controls on mobile

I am using Microsoft .NET chart controls to render some bar graphs.
how do i display the charts so that they are mobile optimized ? I am using JQM libraries for presentation and C#.NET for backend. Please advice.

<div id="dvTabContainer" style=" margin:0px 0px 0px 0px;" >
               <cc1:TabContainer ID="TabContainer1" runat="server" 
                    OnActiveTabChanged="ChangeTab" AutoPostBack="true" Width="750px"
                    ActiveTabIndex="0" >
                <cc1:TabPanel ID="tab1" runat="server" HeaderText="Summary" meta:resourcekey="tabMonthlyResource1"   >
               <ContentTemplate>
               <table >
                        <tr>
                            <td >
                                <asp:CHART id="chart" runat="server" 
                                    BackColor="243, 223, 193" Width="750px" Height="400px" BorderDashStyle="Solid"
                                    BackGradientStyle="TopBottom" BorderWidth="2px" BorderColor="#B54001" >
                                    <titles>
                                       
                                    </titles>
                                    <series>
                                        <asp:Series CustomProperties="DrawingStyle=Cylinder"  
                                            BorderColor="180, 26, 59, 105" ChartArea="ChartArea1" Legend="leg"
                                            Name="Series1"  >
                                        </asp:Series>
                                    </series>
                                    <chartareas>
                                        <asp:ChartArea Name="ChartArea1" BorderColor="64, 64, 64, 64" BackSecondaryColor="White" BackColor="OldLace" ShadowColor="Transparent" BackGradientStyle="TopBottom">
                                            <axisy LineColor="64, 64, 64, 64">
                                                <LabelStyle Font="Trebuchet MS, 8.25pt, style=Bold" />
                                                <MajorGrid LineColor="64, 64, 64, 64" />
                                            </axisy>
                                            <axisx LineColor="64, 64, 64, 64" >
                                                <LabelStyle Font="Trebuchet MS, 8.25pt, style=Bold"
                                                    IsEndLabelVisible="False"   />
                                               
                                                <MajorGrid LineColor="64, 64, 64, 64" />
                                       
                                                </axisx>
                                                <AxisX2 LineColor="64, 64, 64, 64" >
                                                <LabelStyle Font="Trebuchet MS, 8.25pt, style=Bold" IsEndLabelVisible="False"  />
                                                <MajorGrid LineColor="64, 64, 64, 64" />
                                                </AxisX2>
                                        </asp:ChartArea>
                                    </chartareas>
                                    <legends>
                                        <asp:Legend  Name= "leg" LegendStyle="Row" Docking="Bottom"
                                            IsTextAutoFit="False" BackColor="Transparent"
                                            Font="Trebuchet MS, 8.25pt, style=Bold"  Alignment="Center" ></asp:Legend>
                                    </legends>
                                    <borderskin SkinStyle="Emboss"></borderskin>
                                </asp:CHART>
                            </td>
                       
                        </tr>
        </table>
               </ContentTemplate>
    </cc1:TabPanel>
    </cc1:TabContainer>
</div>