使用线将“附加数据”设置为“区域图”中的高级图表系列

Question

在运行带有线条的区域图表时，我似乎无法弄清楚如何在Highcharts中为系列数据添加额外的数据点。

这是我想要添加额外数据点的图表： http://jsfiddle.net/localman/uL8rwu6f/

$(function () {

var ranges = [
        [1246406400000, 14.3, 27.7],
        [1246492800000, 14.5, 27.8],
        [1246579200000, 15.5, 29.6]
    ],
    averages = [
        [1246406400000, 21.5],
        [1246492800000, 22.1],
        [1246579200000, 23]
    ];


$('#container').highcharts({

    title: {
        text: 'July temperatures'
    },

    xAxis: {
        type: 'datetime'
    },

    yAxis: {
        title: {
            text: null
        }
    },

    tooltip: {
        crosshairs: true,
        shared: true,
        valueSuffix: '°C'
    },

    legend: {
    },

    series: [{
        name: 'Temperature',
        data: averages,
        zIndex: 1,
        marker: {
            fillColor: 'white',
            lineWidth: 2,
            lineColor: Highcharts.getOptions().colors[0]
        }
    }, {
        name: 'Range',
        data: ranges,
        type: 'arearange',
        lineWidth: 0,
        linkedTo: ':previous',
        color: Highcharts.getOptions().colors[0],
        fillOpacity: 0.3,
        zIndex: 0
    }]
});

}）;

我可以在一个系列中显示其他数据，但出于某种原因而不能使用上述内容http://jsfiddle.net/localman/dWDE6/859/

var chart = new Highcharts.Chart({
chart: {
    renderTo: 'container'
},

tooltip: {
    formatter: function () {
        return 'Extra data: <b>' + this.point.myData + '</b>';
    }
},

series: [{
    name: 'Foo',
    data: [{
        y: 3,
        myData: 'firstPoint'
    }, {
        y: 7,
        myData: 'secondPoint'
    }, {
        y: 1,
        myData: 'thirdPoint'
    }]
}]

}）;

有关如何组合这些的任何建议吗？