私はjquerymasterではないので、あなたが私を少し助けてくれることを願っています. datepicker から渡された値に基づいて更新されるグラフを表示しようとしています。
私の日付ピッカー関数は次のようになります。
var now3 = new Date();
now3.addDays(-4);
var now4 = new Date()
$('#widgetCalendar').DatePicker({
flat: true,
format: 'd-m-Y',
date: [new Date(now3), new Date(now4)],
calendars: 3,
mode: 'range',
starts: 1,
onChange: function(formated) {
$('#widgetField span').get(0).innerHTML = formated.join(' ÷ ');
$('#test').get(0).innerHTML = 'http://localhost:8888/indkrydsning/app/house/stats_json/' + formated.join('/');
}
});
var state = false;
$('#widgetField>a').bind('click', function(){
$('#widgetCalendar').stop().animate({height: state ? 0 : $('#widgetCalendar div.datepicker').get(0).offsetHeight}, 500);
state = !state;
return false;
});
$('#widgetCalendar div.datepicker').css();
そして、私のチャートは次のようになります。
var json = (function () {
var json = null;
$.ajax({
'async': false,
'global': false,
'url': 'http://localhost:8888/indkrydsning/app/house/stats_json/',
'dataType': "json",
'success': function (data) {
json = data;
}
});
return json;
})();
new Morris.Line({
// ID of the element in which to draw the chart.
element: 'myfirstchart',
// Chart data records -- each entry in this array corresponds to a point on
// the chart.
data: json,
// The name of the data record attribute that contains x-values.
xkey: 'date',
// A list of names of data record attributes that contain y-values.
ykeys: ['value'],
// Labels for the ykeys -- will be displayed when you hover over the
// chart.
labels: ['Antal']
});
datepicker 関数の onChange 関数に基づいて新しい json ファイルをロードできることはわかっていますが、代わりに古いチャートを置き換えて、新しいチャートを追加できないようにしたいと考えています。
私の質問が明確でわかりやすいことを願っています。