Question

我有一个页面，它使用高图表生成存储在MySQL数据库中的数据图。

一位用户报告说，对于他们以及办公室中的其他几位用户，页面上没有图表。

错误日志
最初我认为这可能是MySQL请求太慢的问题，所以我插入了一个缓冲页面来加载所有数据，将它放在一个数组中然后从中绘制图形。
我要求用户将页面的源代码保存为文本文件并发送给我：当我加载该页面时起诉该代码一切正常（并且所有图表都正确）。< / p>
用户可以查看其他高级图表生成的页面元素
我有最新版本的高级图表
这不是浏览器特定的，他通过IE9 Chrome和FF体验了这一点（而其他用户（其中90％）可以在所有浏览器中查看它们。

我不知道下次在哪里调试这样的东西 - 似乎它必须是他的设置特定的东西，但我想不出是什么考虑到他能够查看使用高图表绘制的其他页面。

对于它的价值，这里是源代码的一些相关部分：

Page head：

<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>

关于在哪里观看/接下来要测试什么的任何想法都会非常感谢，谢谢。

Answer 1

我发现这是因为https问题：我在不安全的服务器上提供了更高级别的代码，因此没有加载任何元素。回答以防其他人碰巧做了同样的事情！

没有为用户显示高图表，正确加载源代码

1 个答案: