Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/json/13.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从单个JSON数据容器在Highchart中绘制多个系列_Javascript_Json_Highcharts - Fatal编程技术网

Javascript 从单个JSON数据容器在Highchart中绘制多个系列

Javascript 从单个JSON数据容器在Highchart中绘制多个系列,javascript,json,highcharts,Javascript,Json,Highcharts,我试图从JSON文件在Highchart中画两条线 我一直在阅读有类似问题的帖子,但是没有用,所以现在我发布了我的问题。 我的JSON文件如下所示 [[ 1578258092000, 109, 32 ], [ 1578258812000, 120, 34 ], [ 1578260104000, 123, 35 ], 我试图用下面的代码来指导Highchart Highcharts.getJSON( “temps.json”, 功能(数据){ Highcharts.chart('容器'{ 图表:

我试图从JSON文件在Highchart中画两条线 我一直在阅读有类似问题的帖子,但是没有用,所以现在我发布了我的问题。 我的JSON文件如下所示

[[ 1578258092000, 109, 32 ], [ 1578258812000, 120, 34 ], [ 1578260104000, 123, 35 ],

我试图用下面的代码来指导Highchart

Highcharts.getJSON(
“temps.json”,
功能(数据){
Highcharts.chart('容器'{
图表:{zoomType:'x'},
标题:{text:'随时间变化的值'},
副标题:{text:document.ontouchstart==未定义?'Pinch the chart to zoom in':'Pinch the chart to zoom in',
xAxis:{type:'datetime'},
yAxis:{title:{text:'Value'}},
图例:{enabled:false},
打印选项:{
面积:{
填充颜色:{
线性梯度:{
x1:0,
y1:0,
x2:0,
y2:0
},
停止:[
[0,Highcharts.getOptions().Color[0]],
[1,Highcharts.Color(Highcharts.getOptions().colors[0])。setOpacity(0)。get('rgba')]
]
},
标记:{
半径:2
},
线宽:1,
国家:{
悬停:{
线宽:1
}
},
阈值:空
}
},
系列:[{
名称:'Value1',
数据:data.arr1
},{
名称:'Value2',
数据:data.arr2
}]
});
}

)在图表中初始化数据之前,您可以执行一些分析数据操作来创建两个不同的数组,例如:

var data =[[ 1578258092000, 109, 32 ], [ 1578258812000, 120, 34 ], [ 1578260104000, 123, 35 ]];

var data1 = data.map(d => [d[0], d[1]]),
    data2 = data.map(d => [d[0], d[2]]);
演示: