Jquery 高位图表未向用户显示,源代码已正确加载

Jquery 高位图表未向用户显示,源代码已正确加载,jquery,highcharts,Jquery,Highcharts,我有一个页面,它使用高图生成存储在MySQL数据库中的数据图 一位用户报告说,对于他们和办公室中的其他两位用户来说,页面上没有图表 错误日志中没有出现错误 起初我认为MySQL请求太慢可能是个问题,所以我插入了一个缓冲页来加载所有数据,将其放入数组中,然后从中绘制图形 我要求用户将页面的源代码保存为文本文件并发送给我:当我使用该代码加载该页面时,一切正常(所有图形都正确) 用户可以查看其他高图表生成的页面元素 我有最新版本的高图表 这不是特定于浏览器的,他在IE9 Chrome和FF中体验到了

我有一个页面,它使用高图生成存储在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>   
(函数($){//封装jQuery
$(函数(){
var图;
$(文档).ready(函数(){
图表=新的高点图表。图表({
图表:{
renderTo:‘chart2a’,
类型:“列”
},
学分:{
已启用:false
},
图例:{
布局:“水平”,
对齐:'居中',
垂直排列:“底部”,
垂直排列:“底部”,
浮动:假,
背景颜色:“#FFFFFF”
},
标题:{
对齐:“左”,
样式:{fontSize:'12px'},
正文:“按区域分列的国家目标:2012”
},
xAxis:{
类别:['EAPRO'、'ESARO'、'MENA'、'TACRO'、'ROSA'、'WCARO']
},
亚克斯:{
分:0,,
最高:100,
标题:{
正文:“按目标划分的百分比”
}
},
工具提示:{
格式化程序:函数(){
返回“”+
this.series.name+':'+Math.round(this.y)+'%;
}
},
打印选项:{
专栏:{
点填充:0,
边框宽度:0
}
},
系列:[{
名称:“宣传和规划”,
数据:[11.1,0,16.7,0,14.3,0]
},{
名称:“试点和早期实施”,
数据:[33.3,5.6,16.7,0,14.3,5.6]
},{
名称:“有限服务提供”,
数据:[55.6,11.1,0,0,14.3,16.7]
},{ 
名称:“扩展服务提供”,
数据:[0,83.3,66.7100,57.1,77.8]
}]
});
});
});
})(jQuery);

如果您有任何关于下一步在何处查看/测试内容的想法,我们将不胜感激。我发现这是因为一个https问题:我在一个不安全的服务器上提供highercharts代码,因此没有加载任何元素。如果有人碰巧做了同样的事情,请回答!

这些都是最终用途吗代理服务器上的rs?像
ajax.googleapis.com
这样的url可能会被阻止,这意味着没有jquery,因此没有图表。如果通过
www.myurl.org
加载jquery会发生什么?嗯,我相当肯定其他jquery元素工作正常,但我已经对其进行了调整,并正在与有问题的元素进行检查(他们确实支持一个代理)。