Guys,

I'm trying to figured out how to execute the HighChart after the button click. Here are my codes:

Code:
    <script type="text/javascript">
    $(function () {   
        var option = {
            chart: {
                renderTo: 'container',
                type: 'column'
            },
            series: []
        };
    
        $('#Button1').click(function() {
            option.series = [{name: 'A', data: ['1,2,3,2,1']}];
            var chart = new Highcharts.Chart(option);
        });
    });
    </script>
Code:
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    
    <div>
    
    <asp:UpdatePanel ID="UpdatePanel" runat="server">
    <ContentTemplate>
    
        <div id="container" style="position: absolute; left: 15px; top: 54px; min-width: 984px;
             height: 400px; margin: 0 auto; width: 1157px;"></div>
        
    </ContentTemplate>
    </asp:UpdatePanel>

    <asp:Button ID="Button1" runat="server" Text="Button" />

    </div>
    </form>
This will just give me a blink of HighChart not giving me a fully working chart. So my question is how to do it and is JQuery have postback?