2

IE8 で正しくレンダリングされない単純な棒グラフがあります (列が表示されません)。Firefox および IE 9 以降では正しく表示されます。

jQuery 1.8.3 と highcharts 3.0.3 を使用しています。

問題を再現するには、描画する列の数が重要であるため、コード サンプルにデータを保持します。セリエを 1 つ削除すると、グラフは IE8 で正しくレンダリングされます。

コードは次のとおりです。

$(function () {
    $(document).ready(function() {
        var barOptions = {
            chart: {
                renderTo: 'container',
                width:450,
                height:350,
                type: 'column'
            },
            xAxis: {
                categories: [0,1,2,3,4,5,6,7,8,9,10]
            },
            series: [{
                name: 'NC',
                data: [7057, 6858, 6643, 6570, 6115, 107, 31, 635, 203, 2, 2]
            }, {
                name: 'OK',
                data: [54047, 52484, 50591, 49479, 46677, 33, 156, 947, 408, 6, 2]
            }, {
                name: 'KO',
                data: [11388, 11115, 10742, 10757, 10290, 973, 914, 4054, 732, 34, 2]
            }, {
                name: 'VALID',
                data: [8836, 8509, 8255, 7760, 7621, 973, 914, 4054, 732, 34, 2]
            }, {
                name: 'CHECK',
                data: [115, 162, 150, 187, 172, 973, 914, 4054, 732, 34, 2]
            }, {
                name: 'COR',
                data: [12566, 12116, 11446, 10749, 10439, 973, 914, 4054, 732, 34, 2]
            }]
        };

       barChart = new Highcharts.Chart(barOptions);
    });
});

これを修正する方法についてのアイデアはありますか?

4

2 に答える 2

1

開発者に報告されたバグのようです: https://github.com/highslide-software/highcharts.com/issues/2091

于 2013-08-01T15:00:21.503 に答える