Guys,
I'm trying to figured out how to execute the HighChart after the button click. Here are my codes:
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?
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>