更改javascript中的图表高度和宽度属性
我有一个按钮,当点击它应该缩小图表,但它不工作。 我不想更改“样式高度和宽度”属性,因为这会使图表看起来拉伸。这就是我试图更改图表元素中的属性的原因更改javascript中的图表高度和宽度属性,javascript,c#,html,visual-studio,Javascript,C#,Html,Visual Studio,我有一个按钮,当点击它应该缩小图表,但它不工作。 我不想更改“样式高度和宽度”属性,因为这会使图表看起来拉伸。这就是我试图更改图表元素中的属性的原因 <script type="text/javascript"> function downSize() { document.getElementById("chart1").Height = "350px"; document.getElementById("chart
<script type="text/javascript">
function downSize() {
document.getElementById("chart1").Height = "350px";
document.getElementById("chart1").Width = "600px";
}
</script>
<!--Button-->
<asp:LinkButtonrunat="server" Text="DownSize" ID="DownSize" class="btn btn info" onClientClick="downSize()"></asp:LinkButton>
<!--Graph-->
<asp:Chart ID="chart1" runat="server" EnableViewState="True" Height = "650px" Width = "1200px">
<Legends>
<asp:Legend Name="Legend">
</asp:Legend>
</Legends>
<ChartAreas>
<asp:ChartArea Name="DefaultChartArea" BorderColor="Gainsboro">
<AxisY >
<MajorGrid LineColor="LightSteelBlue" />
<MajorTickMark LineColor="Transparent" />
</AxisY>
<AxisX>
<MajorGrid LineColor="LightSteelBlue" />
<MajorTickMark LineColor="Transparent" />
</AxisX>
</asp:ChartArea>
</ChartAreas>
<BorderSkin BackColor="Transparent" BorderColor="Transparent" BorderDashStyle="DashDot" SkinStyle="Emboss" />
</asp:Chart>
职能精简(){
document.getElementById(“chart1”).Height=“350px”;
document.getElementById(“chart1”).Width=“600px”;
}
单击按钮时,图表似乎已重新加载,但大小与以前相同。我还添加了一个document.write(“Hello”),以确保该按钮正在激活该功能,并且它可以正常工作,因此,图形或脚本似乎有问题
为什么代码不工作?高度和宽度是asp控件属性 尝试更改图表的css属性:
function downSize() {
document.getElementById("chart1").style.height = "350px";
document.getElementById("chart1").style.width = "600px";
}
高度和宽度是asp控件属性 尝试更改图表的css属性:
function downSize() {
document.getElementById("chart1").style.height = "350px";
document.getElementById("chart1").style.width = "600px";
}
这是“样式”属性,它使图表看起来伸展。我正在尝试更改图表的高度和宽度属性这是样式属性,它使图表看起来伸展。我正在尝试更改图表的高度和宽度属性。为什么这不起作用?这不是一个有用的问题描述!对不起,这是我的第一个问题。我在描述中添加了更多内容。为什么这不起作用?这不是一个有用的问题描述!对不起,这是我的第一个问题。我在描述中添加了更多内容。