これは本当に一日中私の頭を悩ませてきました。getJSON() を使用して、PHP ファイルによって生成された JSON データを取得し、DyGraphs でグラフ化しています。データを送信せずに初期グラフを生成するために PHP ファイルが機能することはわかっています。リクエストの URL にアクセスして、データが正しいことを確認することもできます。デバッグ中に、GET リクエストが行われていることも確認でき、一瞬、正しいデータがグラフに表示されます。この一瞬の後、グラフはリセットされます。これはすべて、jQuery.event.add.elemData.handle.eventHandle がコール スタックからポップされるときに発生します。
<form id="myform">
<fieldset>
<legend>Enter Information</legend>
<label for="day">Day:</label>
<input id="day" size="2" type="text">
<label for="month">Month:</label>
<input id="month" size="2" type="text">
<label for="year">Year:</label>
<input id="year" size="4" type="text">
<input type="submit">
</fieldset>
</form>
Javascript は次のとおりです。
<script type="text/javascript">
$(function() {
$("#myform").submit(function() {
var day = $("input#day").val();
var month = $("input#month").val();
var year = $("input#year").val();
$.getJSON('Data.php',
{ day: day, month: month, year: year },
function(data) {
for (i=0;i<data.length;i++) {
data[i][0] = new Date(data[i][0].replace(/-/g,"/"));
data[i][1] = parseFloat(data[i][1]);
}
g2.updateOptions({ file: data });
}
);
});
});
</script>