charts - Highcharts 使用 CSV 文件中的数据显示区域范围和折线图
问题描述
我想显示一个带有区域范围的折线图。数据来自 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, -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
}
}]
感谢任何提示如何实现这一点。
解决方案
您需要使用seriesMapping
属性:
data: {
csv: document.getElementById('csv').innerHTML,
seriesMapping: [{
x: 0,
y: 1
}, {
x: 0,
low: 2,
high: 3
}]
}
现场演示: https ://jsfiddle.net/BlackLabel/vtgdwb4p/
API 参考: https ://api.highcharts.com/highcharts/data.seriesMapping
推荐阅读
- javascript - 我们应该只向对象的原型添加方法吗?
- sql - 短路 SQL 计数功能
- r - 为“第一”个月的观察制作单独的变量
- powershell - PowerShell:`New-Object` `-ArgumentList` vs 调用构造函数 vs 类型转换
- python - Pandas 问题中的面板回归
- youtube-dl - Youtube-dl 播放列表下载停止运行“已完成下载播放列表:播放列表”错误
- python - 使用 Gekko 进行 Python 优化
- reactjs - React for 循环不会发送增量数据以正常运行
- python - 如何循环直到状态在python中保持不变
- javascript - 秒表圈数比较