Я пытаюсь установить высоту и ширину управления диаграммой ASp.Net с помощью CSS. Хотя я добавить атрибут CssClass, это, кажется, принимая высоту и ширину от начальной загрузкиУправление диаграммой ASP.Net, не применяя присвоенный ему класс CSS
<div style="width:66%;position:relative;display:block;overflow:hidden;float:left;" id="divspcpchart">
<asp:Label ID="Label2" runat="server">SP and CP of selected plant </asp:Label>
<br />
<div style="width:80%;display:inline-block;margin:0 auto;">
<asp:Chart ID="SPCPBarChart" runat="server" DataSourceID="EntDataSrcYearPerf" CssClass="chartSPCP" > <%--Width="460px" Height="300px"--%>
<BorderSkin BackColor="#E1E1E1" PageColor="#E1E1E1" SkinStyle="Emboss" />
<Series>
<asp:Series Name="Series1" XValueMember="Year" YValueMembers="SP" ></asp:Series>
<asp:Series Name="Series2" XValueMember="Year" YValueMembers="CP" ></asp:Series>
</Series>
<ChartAreas>
<asp:ChartArea Name="SPCPBarChartArea">
<AxisX Title="Year" TitleAlignment="Center" TextOrientation="Horizontal"></AxisX>
<AxisY Title="SP and CP" TitleAlignment="Center" TextOrientation="Rotated90"></AxisY>
<Area3DStyle Enable3D="false" />
</asp:ChartArea>
</ChartAreas>
</asp:Chart>
</div>
</div>
Если установить высоту и ширину вручную она показывает, с шириной 406px. Моего CSS класс для диаграммы выглядеть следующим образом
#SPCPBarChart {
width:460px;
height:300px;
}
Я попытался ограждающим он картировать контроль в ДИВ и установке свойств для DIV, но он по-прежнему тянет ширину от начальной загрузки.
Здесь есть браузер отлаживать Capture
браузер даст первый приоритет встроенных стилей. Итак, откуда-то встроенный стиль добавляется. вы можете добавить! важно для вашего стиля css, как показано ниже #SPCPBarChart { width: 460px! important; высота: 300px! Important; } –