$(function () {
Highcharts.setOptions({global: { useUTC: false },
// http://architect-wat.hatenablog.jp/entry/20130320/1363786174 日本語化ここを参考
lang: { // 言語設定
rangeSelectorZoom: '表示範囲',
resetZoom: '表示期間をリセット',
resetZoomTitle: '表示期間をリセット',
rangeSelectorFrom: '表示期間',
rangeSelectorTo: '〜',
printChart : 'チャートを印刷',
exportButtonTitle: '画像としてダウンロード',
downloadJPEG: 'JPEG画像でダウンロード',
downloadPDF: 'PDF文書でダウンロード',
downloadPNG: 'PNG画像でダウンロード',
downloadSVG: 'SVG形式でダウンロード',
months: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
weekdays: ['日', '月', '火', '水', '木', '金', '土'],
numericSymbols: null, // 1000を1kと表示しない
thousandsSep: ","
}
});
$('#container').highcharts({
chart: {
type: 'spline',
zoomType: 'x',
},
credits: {
text: 'SOKUDON with highchart',
href: 'https://docs.google.com/spreadsheet/pub?key=0ArIs57u-VlLWdHlaSk1NY2kzcnNFbjg3b2xNaXJUbnc&output=html'
},
title: {
text: ibe_title
},
subtitle: {
text: 'グラフ内ドラックで拡大,見出しクリックで表示/非表示'
},
xAxis: {
type: 'datetime',
dateTimeLabelFormats: { // don't display the dummy year
millisecond: '%M分',
second: '%M分',
minute: '%H時%M分',
hour: '%H時',
day: '%B%e日',
},
title: {
text: '日時'
},
minRange: 10*60*1000
},
yAxis: [{
labels: {
format: '{value}',
},
min: 0
}],
tooltip: {
//headerFormat: '{series.name}
',
//pointFormat: '{point.x:%B%e日%H時%M分}: {point.y}',
formatter: function () {
return GETTIMEZ(this);
},
crosshairs: true
},
exporting: {
csv: {
dateFormat: '%Y-%m-%d %H:%M'
}},
series: border_data
});
var chart = $('#container').highcharts(),
$button1 = $('#100'),
$button5 = $('#500'),
$button12 = $('#1200'),
$buttonal = $('#all');
function houji(d){
var l=chart.series.length;
for(var i=0;i"+finishdata +"");
var
w=window
,d=w.document
;
//だうんろーどしょり
//location.href="data:attachment/csv,charset=utf-8,download='somedata.csv'"+encodeURIComponent(finishdata)
TextDL(csv, "border.csv");
});
$('#getjson').click(function () {
var json=JSON.stringify(border_data);
var d=window.open().document;
//d.writeln(""+finishdata +"
");
var
w=window
,d=w.document
;
//だうんろーどしょり
//location.href="data:attachment/csv,charset=utf-8,download='somedata.csv'"+encodeURIComponent(finishdata)
TextDL(json, "border.json");
});
function TextDL(text, name) {
//ファイルを作成
b = new Blob([text], {
type: "text/plain"
})
//a要素を作る
a = document.createElement('a')
//ダウンロードする名前をセット
a.download = name;
//ダウンロードするファイルをセット
a.href = window.URL.createObjectURL(b)
//イベントを作る
e = document.createEvent('MouseEvent')
e.initEvent("click", true, true)
//a要素をクリック
a.dispatchEvent(e)
}
function CSV_VISIBLE(){
var csv = "";
for (var i = 0; i < chart.series.length; i++) {
if (chart.series[i].name == 'Navigator') continue;
var series = chart.series[i];
for (var j = 0; j < series.data.length; j++) {
if (series.data[j] != undefined){
//&& series.data[j].x >= series.xAxis.min && series.data[j].x <= series.xAxis.max) {
if(series.visible){
csv = csv + series.name + ',' + Highcharts.dateFormat('%Y-%m-%d %H:%M', series.data[j].x) + ',' + series.data[j].y + '\r\n';
}}
}}
return csv;
}
Highcharts.getOptions().exporting.buttons.contextButton.menuItems.push({
text: 'Download CSV',
onclick: function () {
Highcharts.post('http://www.highcharts.com/studies/csv-export/csv.php', {
csv: CSV_VISIBLE()
});
}
});
});
var dtf=[
'{point.x:%e日目%H時間%M分}: {point.y}',
'{point.x:%e日目%H時間%M分}: {point.y}
{point.x:(%p)}' //YYYMMDDHHmm有り
];
//dtd=1;
var table_enable=0;
var youbi =['日', '月', '火', '水', '木', '金', '土'];
//PM表示を改造
function GETTIMEZ(chart){
var a=chart.x;
var k= new Date(a);
var s=
(k.getMonth()+1) +"月"+
(k.getDate()) +"日 "+
youbi[k.getDay()] +" "+
(k.getHours()) +"時" +
k.getMinutes() +"分";
a =a +Date.UTC(2014,0,1,9,0) -ibe_kaishi-9*3600*1000;
var k= new Date(a);
var jikan=
(k.getDate()-1) +"日目"+
(k.getHours()) +"時"+
k.getMinutes() +"分";
s= ""+chart.series.name +"
"+s;
s+="\t"+addc(chart.y) +" pt
";
s+="("+jikan+")";
return s;
}
//小数以外は正規でカンマつける
function addc(a){
if(haveFraction(a)){
return a.toFixed(5);
}
return String(a).replace(/(\d)(?=(\d\d\d)+(?!\d))/g,'$1,');
}
function haveFraction (number) {
return (Math.ceil(number)>number);
}