如何使用引导程序使 asp.net 图表控件响应答案

【问题标题】：How to make asp.net chart control responsive using bootstrap如何使用引导程序使 asp.net 图表控件响应
【发布时间】：2015-06-26 19:59:46
【问题描述】：

我在 asp.net c# 中使用引导程序。除了 asp.net 图表控件外，一切都运行良好（响应式）。任何人都可以建议我如何让它像 btn-block 一样阻塞。请检查代码和图像。谢谢

<body class="container-fluid">
<form id="form1" runat="server">
<div >
<asp:Button ID="Button1" runat="server" Text="Button" class="btn btn-info col-lg-12"/>
<asp:Table ID="Tbl_chart" runat="server" CssClass="table  table-bordered table-condensed table-responsive">
<asp:TableRow>
<asp:TableCell>
<asp:Chart ID="Chart2" runat="server" AlternateText="Column chart of daily walking time" Height="432" Palette="Fire" class="col-lg-12">
<Series>
<asp:Series Name="Series1" XValueMember="date" YValueMembers="TimePerDay" ChartArea="ChartArea2" ChartType="column" YValuesPerPoint="6" IsValueShownAsLabel="true" LabelFormat="{0:N0}">
</asp:Series>
</Series>
<ChartAreas>
<asp:ChartArea Name="ChartArea2">
<AxisY Interval="50">
<MajorGrid Enabled="true" LineColor="lightgray" />
</AxisY>
<AxisX IsLabelAutoFit="false" TitleForeColor="black" Interval="1">
<LabelStyle Format="dddd, dd-MM-yy" Angle="-90" IsEndLabelVisible="false" />
<MajorGrid Enabled="false" />
</AxisX>
</asp:ChartArea>
</ChartAreas>
<Titles>
<asp:Title Docking="Top" Font="Arial, 12pt" Name="Title1" Text="Daily walking time in minutes">
</asp:Title>
</Titles>
</asp:Chart>
</asp:TableCell>
</asp:TableRow>
</asp:Table>
</div>
</form>
</body>

【问题讨论】：

标签： asp.net charts twitter-bootstrap-3 asp.net-charts

【解决方案1】：

有效！谢谢，您所要做的就是将该类添加到您的图表中，如下所示：

<asp:Chart ID="Chart1" CanResize="true" CssClass="table  table-bordered table-condensed table-responsive" runat="server" Height="410px" Width="1000px">
     <Series>
         <asp:Series Name="Series1"></asp:Series>
     </Series>
     <ChartAreas>
         <asp:ChartArea Name="ChartArea1"></asp:ChartArea>
     </ChartAreas>
</asp:Chart>

【讨论】：