(function($){
$.fn.Tepco = function( options ) {
var defaults = {
'url': 'http://komarineko.net/cgi-bin/tepco-juyo.cgi'
};
var parameters = $.extend( defaults, options );
var apiUrl = parameters.url + "?callback=?";
var targetBox = this;
$.getJSON(apiUrl, function(entries){
var upddate = (entries[0].upddate).split( "/" );;
var updtime = (entries[0].updtime).split( ":" );
var date = (entries[0].date).split( "/" );
var title = "東京電力サービスエリア内
"+date[0]+"年"+date[1]+"月"+date[2]+"日の電力使用状況グラフ
"+"("+upddate[0]+"年"+upddate[1]+"月"+upddate[2]+"日 "+updtime[0]+"時"+updtime[1]+"分更新)";
var yesterday = entries[0].yesterday;
var today = entries[0].today;
var peak = entries[0].peak;
var peakString = "ピーク時供給力";
$.jqplot($(targetBox).attr('id'), [ today, peak ] ,{
title:title,
legend:{
show:true,
location: 'nw',
yoffset: 6
},
series:[
// {label:'昨日(万kW)'},
{label:'今日(万kW)'},
{label:peakString}
],
axes:{
xaxis:{
renderer: $.jqplot.DateAxisRenderer,
tickOptions:{formatString:'%H:%M'},
min:'00:00',
max:'24:00',
numberTicks: 13
},
yaxis:{
min:0,
max:6000,
numberTicks: 7
}
}
});
$(targetBox).after( "東京電力のページで配布されている電力の使用状況データを基にグラフを表示しています。
" );
var peakUpddate = (entries[0].peakupddate).split( "/" );;
var peakUpdtime = (entries[0].peakupdtime).split( ":" );
var peakStart = (entries[0].peakstart).split( ":" );
var peakInfo = "[" + peakUpddate[0] + "月" + peakUpddate[1] + "日 " + peakUpdtime[0] + "時"+ peakUpdtime[1] + "分 発表 本日のピーク時供給力] " + peak[0][1] + "万kW";
$(targetBox).after( "" + peakInfo + "
" );
});
return this;
};
})(jQuery);