Как сделать управление диаграммой asp.net отзывчивым с помощью бутстрапа

Я использую bootstrap в asp.net C#. Каждая вещь работает отлично (отзывчиво), за исключением элемента управления диаграммой asp.net. Может ли кто-нибудь предложить, как я могу заставить его блокироваться как btn-block. Проверьте код и изображение. БлагодаряКак сделать управление диаграммой asp.net отзывчивым с помощью бутстрапа

<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>

enter image description here

источник

2015-06-26 Mian Asbat Ahmad

Использование чартист-JS вы можете создать реагирующие диаграммы .ie мобильной среды КАРТ Вы можете проверить это шаг за шагом статьи HTTP: // codepedia.info/2015/10/chartistjs-create-responsive-chart-in-asp-net-pie-chart-donut-chart/ –

Это работает! спасибо, все что вам нужно сделать, это добавить этот класс к вашей карте, как это:

<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>

источник

2017-03-05 06:35:42 user7660621

Как сделать управление диаграммой asp.net отзывчивым с помощью бутстрапа

ответ

Смежные вопросы