リンクに JavaScript 変数を追加するにはどうすればよいですか? 以下のコードは空白のページを生成します。viewData.php には、期間を取得するための PHP GET 変数と、賃貸額または販売額を取得しているかどうかを判断するための型が含まれます。ピリオドは yyyymm 形式になります。
$(document).ready(function(){
init();
});
function init(){
months = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
urls = ['http:/testServer/testPage/viewData.php?period=' + series.name + ''];
$.ajax({
url: 'readData.php'
}).done(function(data) {
ar = data.split('###');
for(var i=0;i<ar.length;i++){
ar[i] = ar[i].split('##');
}
for(var i=0;i<ar[0].length;i++){
text = ar[0][i].split(' ').join('');
year = text.substring(0,4);
month = parseInt(text.split(year).join(''));
month = months[month-1];
ar[0][i] = month +','+year;
ar[1][i] = parseFloat(ar[1][i]);
ar[2][i] = parseFloat(ar[2][i]);
}
count = 0;
dates = [];
dates.push(ar[0][0]);
for(var i=1;i<ar[0].length;i++){
count++;
dates.push(ar[0][i]);
}
dates[dates.length-1] = ar[0][dates.length-1];
createGraph(ar,dates);
});
}
function createGraph(ar,dates){
$('#60MonthAmount').highcharts({
chart: {
type: "line"
},
title: {
text: '60 Month Revenue by Location Chart'
},
subtitle: {
text: ''
},
xAxis: {
title: {
text: 'Time Period'
},
labels: {
formatter: function() {
return this.value; // clean, unformatted number for year
}
},
categories: dates,
minTickInterval: 6,
showLastLabel: true,
},
yAxis: {
title: {
text: ''
},
min: 0,
labels: {
formatter: function() {
return this.value / 1000000 +' mil';
}
}
},
tooltip: {
pointFormat: '{series.name} produced <b>${point.y:,.0f}</b><br/><p style="visibility: hidden;">_</p>'
},
plotOptions: {
series: {
cursor: 'pointer',
point: {
events: {
click: function() {
if(this.x>urls.length){
url = urls[0];
}else{
url = urls[this.x];
}
window.open(url, '_blank');
}
}
}
}
},
series: [{
name: 'Rentals',
data: ar[1]
}, {
name: 'Sales',
data: ar[2]
}]
});
}