highslide-software/highcharts.com — Issue #746: blank page in webkit browsers, no defs
Author: jbolila
Created: 2012-02-08 16:13:07+00:00
State: open

Hi,

this chart presents a blank page in webkit browser (works fine in firefox), apparently the generated is empty, and the browser append to the end of the DOM (looking for the Chrome inspector).

var chart = new Highcharts.Chart({ chart: {
renderTo: 'mobile',
type: 'line'
},
title: {
text: 'Acessos Reporting'
},
xAxis: {
type: 'datetime',
dateTimeLabelFormats: { // don't display the dummy year
second: '%Y',
minute: '%Y',
hour: '%Y',
day: '%Y',
month: '%Y',
year: '%Y'
}
},
yAxis: [{
title: {
text: 'Acessos ( # )'
},
min: 0
},{
title: {
text: 'Utilizadores (#)'
},
min: 0,
opposite: true
}],
tooltip: {
formatter: function() {
return ''+ this.series.name +'
'+
Highcharts.dateFormat('%Y', this.x) +': '+ this.y +' #';
}
},
exporting: {
url: 'HighchartsExport.axd',
filename: 'KPI_Anual',
width: 1200
},
series: [{
name: 'Downloads',
type: 'column',
data: [ [Date.UTC(2000),0],[Date.UTC(2001),0],[Date.UTC(2002),0],[Date.UTC(2003),0],[Date.UTC(2004),0],[Date.UTC(2005),0],[Date.UTC(2006),0],[Date.UTC(2007),0],[Date.UTC(2008),0],[Date.UTC(2009),0],[Date.UTC(2010),0],[Date.UTC(2011),138151.00],[Date.UTC(2012),31095.00]]},{
name: 'Utilizadores',
yAxis: 1,
type: 'line',
visible: false,
data: [ [Date.UTC(2000),0],[Date.UTC(2001),0],[Date.UTC(2002),0],[Date.UTC(2003),0],[Date.UTC(2004),0],[Date.UTC(2005),0],[Date.UTC(2006),0],[Date.UTC(2007),0],[Date.UTC(2008),0],[Date.UTC(2009),0],[Date.UTC(2010),0],[Date.UTC(2011),1289.00],[Date.UTC(2012),1077.00]]} ] });

another similar, but working fine:

var chart = new Highcharts.Chart({ chart: {
renderTo: 'mobile',
type: 'line'
},
title: {
text: 'Acessos Reporting'
},
xAxis: {
type: 'datetime',
dateTimeLabelFormats: { // don't display the dummy year
second: '%m.%Y',
minute: '%m.%Y',
hour: '%m.%Y',
day: '%m.%Y',
month: '%m.%Y',
year: '%Y'
}
},
yAxis: [{
title: {
text: 'Acessos (#)'
},
min: 0
},{
title: {
text: 'Utilizadores (#)'
},
min: 0,
opposite: true
}],
tooltip: {
formatter: function() {
return ''+ this.series.name +'
'+
Highcharts.dateFormat('%b.%Y', this.x) +': '+ this.y +' #';
}
},
exporting: {
url: 'HighchartsExport.axd',
filename: 'KPI_Mensal',
width: 1200
},
series: [{
name: 'Downloads',
type: 'column',
data: [ [Date.UTC(2011,1),6907.00],[Date.UTC(2011,2),9547.00],[Date.UTC(2011,3),9147.00],[Date.UTC(2011,4),10384.00],[Date.UTC(2011,5),9534.00],[Date.UTC(2011,6),11245.00],[Date.UTC(2011,7),11474.00],[Date.UTC(2011,8),15956.00],[Date.UTC(2011,9),16908.00],[Date.UTC(2011,10),18716.00],[Date.UTC(2011,11),16667.00],[Date.UTC(2012,0),24484.00],[Date.UTC(2012,1),6611.00]]},{
name: 'Utilizadores',
yAxis: 1,
type: 'line',
visible: false,
data: [ [Date.UTC(2011,1),430.00],[Date.UTC(2011,2),640.00],[Date.UTC(2011,3),688.00],[Date.UTC(2011,4),744.00],[Date.UTC(2011,5),709.00],[Date.UTC(2011,6),710.00],[Date.UTC(2011,7),739.00],[Date.UTC(2011,8),784.00],[Date.UTC(2011,9),829.00],[Date.UTC(2011,10),842.00],[Date.UTC(2011,11),816.00],[Date.UTC(2012,0),1030.00],[Date.UTC(2012,1),570.00]]},{
name: 'Downloads Homologo',
type: 'line',
visible: false,
data: [ [Date.UTC(2012,0),1666.00],[Date.UTC(2012,1),6907.00]]} ,{
name: 'Utilizadores Homologo',
type: 'line',
yAxis: 1,
visible: false,
data: [ [Date.UTC(2012,0),119.00],[Date.UTC(2012,1),430.00]]}] });