1

私はhighchartsを使用して、データベース内の値のテーブルからグラフを生成しています。highchartsjavascriptに渡す日付範囲を選択できるようにしたかったのです。

jquerydatepickerを使用しています。したがって、値はフォームに入力されます

<form id='myform'>
<label for="from">From</label>
<input type="text" id="from" name="from"/>
<label for="to">to</label>
<input type="text" id="to" name="to"/>
<div class="demo">
<input type="submit" value="Submit">

そしてそれをhighchartsに提出したい

$(function() {
        new Highcharts.Chart({

これはすべてビューにあります。スクリプトタグで。入力フォームからこのjavascript関数に日付値を渡して、ユーザー入力値を使用してページ上のグラフを再構築する方法を教えてもらえますか？「to」および「from」ラベルにアクセスしてチャートを更新するにはどうすればよいですか？

4

1 に答える 1

0

以下にアクセスして、入力フィールドから日付を取得する必要があります。

document.getElementById('from').value;

編集:より良い方法は、jQuery datepicker イベントを使用することです。

$('.selector').datepicker({
    onSelect: function(dateText, inst) { ... }
});

日付をJavaScriptの日付オブジェクトとして取得しようとします。

チャート軸の範囲を設定するには、次を使用できます。

chart.xAxis[0].setExtremes(Date.UTC(startYear, startMonth - 1, startDay), Date.UTC(endYear, endMonth - 1, endDay));

送信機能で。軸の極値が設定されると、チャートは自動的に再描画されます。

于 2012-07-31T12:51:37.250 に答える