Tengo el siguiente código:http: //jsfiddle.net/maniator/vTjW8

var createChartTemplate = function() {
    return {
        chart: new Highcharts.StockChart({

            chart: {
                renderTo: 'container'
            },
            series: []
        }),
        addSeries: function(name) {
            this.chart.addSeries({
                name: name,
                data: [],
                id: Math.floor(Math.random()*1000)
            });
        },
        addPoint: function(data, series) {
            var seriesIndex = this.seriesExists(series);
            if (!(seriesIndex === false)) {
                this.chart.series[seriesIndex].addPoint(data, false);
            }
            this.chart.redraw();
        },
        seriesExists: function(series) {
            var seriesIndex = false;
            $.each(this.chart.series, function(index, item) {
                if ($.trim(item.name) == $.trim(series)) {
                    seriesIndex = index;
                    return false;
                }
            });
            return seriesIndex;
        }
    }
}
$(function() {
    var data = usdeur.splice(0, 700);
    var chart = createChartTemplate();
    chart.addSeries("New Series");
    for (var i = 0; i < data.length; i++) {
        chart.addPoint(data[i], "New Series");
    }

});

Tiene el siguiente error en la consola:

Uncaught TypeError: No se pueden leer las 'opciones' de propiedad de undefined

Este código funciona bien si es un gráfico alto normal, pero por alguna razón no funciona con un gráfico HighStock.

¿Cómo puedo hacerlo para que funcione con el tipo de gráfico que necesito?

Actualizar

Me imagino una forma de evitar la primera serie de forma dinámica, pero cuando trato de agregar una segunda serie tiene un error de:

Uncaught TypeError: no se pueden leer las 'pilas' de propiedades de @ indefini

Violín:http: //jsfiddle.net/maniator/V5WAJ