Я пытаюсь заполнить диаграмму нажатием кнопки.
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#hello').click(function() {
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container'
},
series: [{
data: [29.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4]
}] //series
}); //chart
chart.series[0].setData([29.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4, 29.9, 71.5, 106.4]);
//return false;
});; //button click
}); //doc ready
</script>
</head>
<body>
<h3>generate table and plot</h3>
<form id="helloform">
<table border=1>
<tr><td>probability, p: </td><td><input type=text name=p size=5></td></tr>
<tr><td colspan=2 align=center><button id="hello">populate table</button></td></tr>
<tr>
<td colspan=2 align=center><input type=reset></td></tr>
</table>
</form>
<div id="container" style="height: 400px"></div>
</html>
Почему-то после щелчка график отображается и исчезает.Я думаю, что это может быть из-за функции .ready и я попытался загрузить функцию вместо готовности, и ничего не происходит. Любая помощь.
Кстати, я новичок в jQuery и даже javascript
Спасибо
Ананта