0

我有一个页面,它使用高图表来生成存储在 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>   

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

4

1 回答 1

0

我发现这是因为 https 问题:我在不安全的服务器上提供 highcharts 代码,因此没有加载任何元素。回答以防其他人碰巧做过同样的事情!

于 2013-09-18T23:51:18.203 回答