我有一个页面,它使用高图表来生成存储在 MySQL 数据库中的数据图。
一位用户报告说,对于他们和办公室中的其他几位用户,页面上没有图表。
错误日志中没有出现错误
最初我认为这可能是 MySQL 请求太慢的问题,所以我插入了一个缓冲页面来加载所有数据,将其放入一个数组中,然后从中绘制图形。
我要求用户将页面的源代码保存为文本文件并将其发送给我:当我加载该页面并起诉该代码时,一切正常(并且所有图表都正确)。
用户可以查看其他高图表生成的页面元素
我有最新版的高位图
这不是特定于浏览器的,他在 IE9 Chrome 和 FF 中体验到了这一点(而其他用户(其中 90%)可以在所有浏览器中正常查看它们。
我不知道下一步该去哪里调试这样的东西 - 似乎它必须是特定于他的设置的东西,但考虑到他能够很好地查看使用高图表绘制的其他页面,我想不出什么。
对于它的价值,以下是源代码的一些相关部分:
页头:
<head>
<link href='https://fonts.googleapis.com/css?family=Oxygen' rel='stylesheet' type='text/css'>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script src="http://www.myurl.org/js/highcharts.js" type="text/javascript"></script>
<script src="http://www.myurl.org/js/exporting.src.js" type="text/javascript"></script>
<script src="http://www.myurl.org/js/jquery.bpopup-0.9.1.min.js" type="text/javascript"></script>
<title>Management Data - Key Indicators</title>
<base href="https://www.myurl.org/" />
<link rel="stylesheet" type="text/css" href="https://www.myurl.org/css/style.css" />
</head>
HighCharts jquery 的一个例子:
(function($){ // encapsulate jQuery
$(function () {
var chart;
$(document).ready(function() {
chart = new Highcharts.Chart({
chart: {
renderTo: 'chart2a',
type: 'column'
},
credits: {
enabled: false
},
legend: {
layout: 'horizontal',
align: 'center',
verticalAlign: 'bottom',
verticalAlign: 'bottom',
floating: false,
backgroundColor: '#FFFFFF'
},
title: {
align: 'left',
style: {fontSize: '12px'},
text: 'Country objectives by region: 2012'
},
xAxis: {
categories: ['EAPRO','ESARO','MENA','TACRO','ROSA','WCARO']
},
yAxis: {
min: 0,
max: 100,
title: {
text: 'Percentage by objective'
}
},
tooltip: {
formatter: function() {
return ''+
this.series.name +': '+ Math.round(this.y)+'%';
}
},
plotOptions: {
column: {
pointPadding: 0,
borderWidth: 0
}
},
series: [ {
name: 'Advocacy and Planning',
data: [11.1,0,16.7,0,14.3,0]
},{
name: 'Pilot & early implementation',
data: [33.3,5.6,16.7,0,14.3,5.6]
},{
name: 'Limited service provision',
data: [55.6,11.1,0,0,14.3,16.7]
},{
name: 'Expanded service provision',
data: [0,83.3,66.7,100,57.1,77.8]
}]
});
});
});
})(jQuery);
</script>
任何关于在哪里看/接下来要测试什么的想法都将非常感激,谢谢。