highcharts - 棒/線が表示されない動的に作成されたハイチャート

Question

Highcharts ライブラリを使用して作成したプログラムのデータを表示しています。2 つのほぼ同一のコードが非常に異なる結果をもたらしました (1 つ目は 2 行あり、何も表示されず、2 つ目は 1 行あり、期待どおりの結果が表示されました)。チャートの構成に間違いがないことを確認するために、highcharts の Web サイトから次のコードをコピーし、そのまま残しましたが、予期しない結果が生じました。

var chartinfo = {
    chart: {
        type: 'bar'
    },
    title: {
        text: 'Fruit Consumption'
    },
    xAxis: {
        categories: ['Apples', 'Bananas', 'Oranges']
    },
    yAxis: {
        title: {
            text: 'Fruit eaten'
        }
    },
    series: [{
        name: 'Jane',
        data: [1, 0, 4]
    }, {
        name: 'John',
        data: [5, 7, 3]
    }]
}

$("#" + graphid).highcharts(chartinfo);

これにより、次のチャートが生成されます。

ご覧のとおり (画像をクリックして拡大)、期待どおりのスケール (0 ～ 7.5、範囲は 0 ～ 7) です。関数の開始である highcharts.src.js (v3.0.1) の 14503 行目に (Chrome を使用して) ブレークポイントを配置しましたdrawTracker。

(明らかに) 正しく表示されるグラフに対して が呼び出されますが、上記drawTrackerのグラフに対しては呼び出されません。そのため、縮尺が決定または実行された時点と実際の描画の間に何か問題が発生します。

問題への洞察は大歓迎です。

編集

これは、ページの最初のグラフでのみ発生するようです。それらを切り替えると（メソッド呼び出し）、最初のものは線を表示せず、2番目のものはバーを表示します（上記のコード）。だから私が知りたいのは、最初のグラフがその内容を表示していないのに、2番目のグラフがその内容を表示している理由です。