Highchart 线和范围

Question

我正在尝试创建一个 Highchart 区域范围和线，但无法使其工作，我不知道为什么。谁能帮我解决我做错了什么？ 每个点的范围应该相同，以便我可以看到哪些点超出范围。

JSFiddle：https://jsfiddle.net/ew5e1fmy/12/

$(function () {
var ranges = [
[1469904515000,3.5,8],
[1469913442000,3.5,8],
[1469926631000,3.5,8],
[1469948933000,3.5,8],
[1469948992000,3.5,8],
[1469955600000,3.5,8],
[1469960654000,3.5,8],
[1469968200000,3.5,8],
[1469971155000,3.5,8],
[1469981536000,3.5,8],
[1469991978000,3.5,8],
[1469998800000,3.5,8],
[1470013200000,3.5,8],
[1470032477000,3.5,8],
[1470041051000,3.5,8],
[1470046907000,3.5,8]
],
var values = [
[1469904515000,7.4],
[1469913442000,13.8],
[1469926631000,6.2],
[1469948933000,8.6],
[1469948992000,8.6],
[1469955600000,7.9],
[1469960654000,4.1],
[1469968200000,10.1],
[1469971155000,10.1],
[1469981536000,6.1],
[1469991978000,10.2],
[1469998800000,13.2],
[1470013200000,14.3],
[1470032477000,6],
[1470041051000,13.4],
[1470046907000,4]
];
$('#container').highcharts({           

                xAxis: {
                    title: {text: 'Dates',align: 'high'},
                    type: "datetime",
                    allowDecimals: true,
                },
                yAxis: {min: 0,
                    allowDecimals: true,
                    title: {text: '',align: 'high'},
                    labels: {overflow: 'justify'} ,                                     
                    labels:{enabled: true},                

                },                   

                plotOptions: {                    
                    line: {dataLabels: {enabled: false, style: {fontSize: '8px'},                                           allowDecimals: true}}

                },               
                credits: { enabled: false },

                series: [{
                zIndex: 1, 
                lineWidth: 1, 
                name: 'BG', 
                allowDecimals:true, 
                data: ranges }, 
                { 
                name: 'Range', 
                data: values, 
                type: 'arearange', 
                lineWidth: 0, 
                linkedTo: ':previous', 
                color: Highcharts.getOptions().colors[0],
                fillOpacity: 0.3,
                zIndex: 0 }]
            });
});

Answer 1

我认为您不小心将值链接到了错误的系列（范围系列填充了值数组，而值系列填充了范围数组）