Изменить свойство высоты и ширины диаграммы в javascript

У меня есть эта кнопка, которая при нажатии должна уменьшить размер диаграммы, но она не работает. Я не хочу изменять атрибуты высоты и ширины стиля, так как это делает диаграмму растянутой. Вот почему я пытаюсь изменить свойство в элементе диаграммы.

 <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.write("Hello"), чтобы убедиться, что кнопка активирует функцию и она работает, поэтому кажется, что что-то не так с графиком или скриптом.

Почему код не работает?