2015-04-29 2 views
0

Я пытаюсь установить высоту и ширину управления диаграммой 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

Debug window screen capture

+1

браузер даст первый приоритет встроенных стилей. Итак, откуда-то встроенный стиль добавляется. вы можете добавить! важно для вашего стиля css, как показано ниже #SPCPBarChart { width: 460px! important; высота: 300px! Important; } –

ответ

0

добавлен! Важно атрибуты класса CSS. Спасибо Vijay за то, что он мне напомнил.

#SPCPBarChart { 
width:440px !important; 
height:300px !important; 

}

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