0

ハイチャートを使用して、MySQL データベースに格納されたデータのグラフを生成するページがあります。

1 人のユーザーが、自分とオフィスにいる他の数人のユーザーのグラフがページに表示されないと報告しています。

  • エラーログにエラーは表示されません

  • 最初は、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