highcharts - Highcharts の対数チャートで Web ページにシリーズが表示されない

Question

対数軸を持つ highcharts columnrange チャートを使用して、Web ページにデータを表示しようとしています。一部のデータで機能しますが、場合によっては系列を表示せずにグラフを描画します。

JSfiddle では、チャートが正しく表示されます。サンプルコードを次に示します: http://jsfiddle.net/3rcRh/1/

$(function () {
var mychart;
var ser1=[{"name":"Series1","data":
    [{"groupName":"Group1","low":1.0,"high":16.0,"x":27},{"groupName":"Group2","low":16.0,"high":17.0,"x":27},{"groupName":"Group3","low":17.0,"high":18.0,"x":27}] }];
 mychart = new Highcharts.Chart({

    chart: {
        renderTo: 'container',
        type: 'columnrange',
        inverted: true
    },

    title: {
        text: 'Selected Data'
    },

    subtitle: {
        text: 'Groups'
    },

    xAxis: {

        title: {
            text: 'Number of ELements'
        }
    },

    yAxis: {
        type: 'logarithmic',
        title: {
            text: 'Value Range'
        }
    },

    tooltip: {
        crosshairs: [true]

    },

    plotOptions: {
        series: {
            cursor: 'pointer',
            point: {
                events: {
                    click: function() {             

                        alert('clicked');
                    }
                }
            }
        },
        columnrange: {

        }
    },

    legend: {
        enabled: true
    },

    series: ser1

});

});

ただし、ここでも「全画面表示の結果を共有する」を選択しても同じ問題が発生し、データが表示されません: http://jsfiddle.net/3rcRh/1/embedded/result/

チャートのコンテキスト メニューからチャートを画像または PDF としてダウンロードすると、ダウンロードしたファイルにチャートの正しい画像が含まれます。

Web ページに必要なスクリプトをすべて含めましたが、何が問題なのかわかりません。どんな助けでも本当に感謝します!