$(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); }