Javascript 带CSV错误条的Highcharts图表

Javascript 带CSV错误条的Highcharts图表,javascript,highcharts,Javascript,Highcharts,我想使用从Excel导出的CSV数据创建带有Highcharts的条形图。我所看到的数据模块示例似乎运行良好,但如何添加错误条系列和其他信息(例如,特殊注释或颜色) 我在这里设置了一个JSFIDLE: 第一个图表使用简单的CSV数据 第二个图表具有更复杂的CSV数据,其中列表示错误栏的下限和上限,列表示特定的数据点注释 年份,1级,1级低,1级高,1级注,2级,2级低,2级高,2级注,3级,3级低,3级高,3级注 2010-2011,1,0,2,999,2,1,4,,5,4,6,999 201

我想使用从Excel导出的CSV数据创建带有Highcharts的条形图。我所看到的数据模块示例似乎运行良好,但如何添加错误条系列和其他信息(例如,特殊注释或颜色)

我在这里设置了一个JSFIDLE:

第一个图表使用简单的CSV数据

第二个图表具有更复杂的CSV数据,其中列表示错误栏的下限和上限,列表示特定的数据点注释

年份,1级,1级低,1级高,1级注,2级,2级低,2级高,2级注,3级,3级低,3级高,3级注
2010-2011,1,0,2,999,2,1,4,,5,4,6,999
2012-2013,1,0,2,999,2,1,4,,5,4,6,999

2014-2015,1,0,2999,2,1,4,5,4,6999
数据模块存在问题,我使用
数据创建了一个解决方案示例。序列映射

Highcharts.setOptions({
图表:{
活动:{
负载(){
此.series.forEach((s)=>{
//数据模块问题的解决方法
如果(s.name==‘年’){
s、 更新({data:[],visible:false,showInLegend:false})
}
})
}
},
键入:“列”,
背景颜色:'#f0f8',
影子:对
}
})
$(“#container1”)。高图({
数据:{
csv:document.getElementById('csv2').innerHTML,
序列映射:[
{x:0,y:1,名称:1},
{x:0,y:5,name:5},
{x:0,y:5,name:5},
{x:0,y:9,name:9},
{name:0},{name:0},{name:0},{name:0},{name:0}//数据模块问题的解决方法
]
},
标题:{
文本:“复杂CSV数据”
}
})

年份,1级,1级低,1级高,1级注,2级,2级低,2级高,2级注,3级低,3级高,3级注
2010-2011,1,0,2,999,2,1,4,0,5,4,6,999
2012-2013,1,0,2,999,2,1,4,0,5,4,6,999

2014-2015,1,0,2999,2,1,4,0,5,4,6999
我认为最好的办法是编写自己的简单csv解析器,您也可以尝试使用序列映射-