Is it possible to include a JavaScript variable in a link? I've tried the code below but it just shows a blank page. The viewData.php file will contain PHP GET Variables used to retrieve data based on the period and type, which determine whether rental or sales amounts are being pulled. The period will be specified in the format 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]
}]
});
}