Highcharts可显示区域范围和带有CSV文件数据的折线图
我想展示一个面积范围的折线图。数据来自CSV文件Highcharts可显示区域范围和带有CSV文件数据的折线图,charts,highcharts,line,area,Charts,Highcharts,Line,Area,我想展示一个面积范围的折线图。数据来自CSV文件 1940/1/01,-0.07909, -0.1, 0.1 1940/2/01,-0.08183, -0.1, 0.1 1940/3/01,-0.0804, -0.1, 0.1 1940/4/01,-0.0799, -0.1, 0.1 1940/5/01,-0.0804, -0.1, 0.1 1940/6/01,-0.08111, -0.1, 0.1 1940/7/01,-0.08498, -0.1, 0.1 1940/8/01,-0.08403
1940/1/01,-0.07909, -0.1, 0.1
1940/2/01,-0.08183, -0.1, 0.1
1940/3/01,-0.0804, -0.1, 0.1
1940/4/01,-0.0799, -0.1, 0.1
1940/5/01,-0.0804, -0.1, 0.1
1940/6/01,-0.08111, -0.1, 0.1
1940/7/01,-0.08498, -0.1, 0.1
1940/8/01,-0.08403, -0.1, 0.1
1940/9/01,-0.08577, -0.1, 0.1
1940/10/01,-0.08265, -0.1, 0.1
1940/11/01,-0.07762, -0.1, 0.1
1940/12/01,-0.08243, -0.1, 0.1
(范围仍然是假值。)
我设置了一个,不知怎的,我猜»系列«部分必须进行调整。不知何故,在本节中,必须指定需要使用第三列和第四列进行显示:
series: [{
name: 'Temperature',
}, {
name: 'Range',
type: 'arearange',
lineWidth: 0,
linkedTo: ':previous',
color: Highcharts.getOptions().colors[0],
fillOpacity: 0.3,
zIndex: 0,
marker: {
enabled: false
}
}]
感谢您提供如何实现此目的的提示。您需要使用
系列映射
属性:
data: {
csv: document.getElementById('csv').innerHTML,
seriesMapping: [{
x: 0,
y: 1
}, {
x: 0,
low: 2,
high: 3
}]
}
现场演示: API参考: