highcharts将面积范围转换为绘图上的多行

需要一个人来破译海图

我有很多记录的输入数据，有三个字段（timestamp、min、max），我想从中生成一个绘图。目标是有两条线，一条是最大值与时间，另一条是最小值与时间，都在同一个图上

我得到了一个arearange，但如果我将绘图类型更改为样条曲线，我只得到一个最小值与时间的折线图（即，它忽略了最后一个数据参数）

当我弄乱Highcharts arearange示例时，也会发生同样的事情，所以我猜我的系列没有正确定义，但我猜我还没有破译正确的术语来理解如何提问。感谢您的帮助

// data is timestamp,min,max for the day
// - this currently plots only the min for each day
// - intent is two lines, one for min and one for max

var data = [
    [1186124400000, 57.2, 75.6],
    [1186210800000, 51.8, 74.7],
    [1186297200000, 53.8, 74.8],
    [1186383600000, 56.7, 72.7],
    [1186470000000, 59.0, 76.1]
];

var options = {
    chart: {
       renderTo: 'container',
       type: 'arearange'
    },
    title: {
       text: 'historical temperatures'
    },
    xAxis: {
       type: 'datetime'
    },
    yAxis: {
       title: {
            text: 'outsideTemp (F)'
        }
    },
    legend: {
        enabled: false
    },
    series: [{
        legend: {
            enabled: false
        },
        data: data
    }]


};

    $(document).ready(function () {
    var chart1 = new Highcharts.Chart(options)


});

---

您需要创建两个独立的系列

因此：

var data = [
    [1186124400000, 57.2, 75.6],
    [1186210800000, 51.8, 74.7],
    [1186297200000, 53.8, 74.8],
    [1186383600000, 56.7, 72.7],
    [1186470000000, 59.0, 76.1]
];

将需要两个单独的数组，每个数组都有一个y值和相同的x值：

var data1 = [
    [1186124400000, 57.2],
    [1186210800000, 51.8],
    [1186297200000, 53.8],
    [1186383600000, 56.7],
    [1186470000000, 59.0]
];
var data2 = [
    [1186124400000, 75.6],
    [1186210800000, 74.7],
    [1186297200000, 74.8],
    [1186383600000, 72.7],
    [1186470000000, 76.1]
];

更新的

Fiddle

：

如果x值的间隔一致，则可以使用pointStart和pointInterval属性并跳过指定x值