Javascript 在highcharts样条曲线图中创建多个系列?
我使用Highcharts库制作了一个样条曲线图,其中包含从两个不同的CSV文件加载的两系列数据,效果很好。现在我需要另一个样条曲线图,但有54个数据系列 我使用PHP创建了54个CSV文件,然后生成图表的Javascript代码是:Javascript 在highcharts样条曲线图中创建多个系列?,javascript,csv,highcharts,time-series,spline,Javascript,Csv,Highcharts,Time Series,Spline,我使用Highcharts库制作了一个样条曲线图,其中包含从两个不同的CSV文件加载的两系列数据,效果很好。现在我需要另一个样条曲线图,但有54个数据系列 我使用PHP创建了54个CSV文件,然后生成图表的Javascript代码是: <script type="text/javascript"> $(function () { var chart; $(document).ready(function() { var options = {
<script type="text/javascript">
$(function () {
var chart;
$(document).ready(function() {
var options = {
chart: {
renderTo: 'chart_day',
type: 'spline'
},
title: {
text: 'Andamento giornaliero temperatura.'
},
xAxis: {
type: 'datetime',
second: '%H:%M:%S'
},
yAxis: {
title: {
text: 'Temperatura (°C)'
},
},
tooltip: {
formatter: function() {
return '<b>'+ this.series.name +'</b><br/>'+
Highcharts.dateFormat('%H:%M:%S', this.x) +': '+ this.y +' °C';
}
},
series: [ <?php for($i=0;$i<52;$i++)
echo "{ name: \"Sensor".($i+1)."\", data: []},";
echo "{ name: \"Sensor".($i+1)."\", data: []}";
?>]
};
for( i=1; i<=54; i++){
if(i!=5){
$.get('file/file'+i+'.txt', function(data) {
// Split the lines
var lines = data.split('\n');
// Iterate over the lines and add categories or series
$.each(lines, function(lineNo,line) {
if (line != "") {
var items = line.split(',');
var timeElements = items[0].split(':');
var date = Date.UTC(2004, 2, 1, timeElements[0], timeElements[1], timeElements[2], 0);
options.series[i-1].data.push([date,parseFloat(items[1])]);
}
});
if(i==54)
chart = new Highcharts.Chart(options);
});
}
}
});
});
</script>
$(函数(){
var图;
$(文档).ready(函数(){
变量选项={
图表:{
renderTo:“图表日”,
类型:“样条线”
},
标题:{
文字:“温度安达门托·乔尔纳利罗。”
},
xAxis:{
键入:“日期时间”,
第二个:'%H:%M:%S'
},
亚克斯:{
标题:{
文字:“温度(°C)”
},
},
工具提示:{
格式化程序:函数(){
返回“+this.series.name+”
+
Highcharts.dateFormat('%H:%M:%S',this.x)+':'+this.y+'°C';
}
},
系列:[]
};
对于(i=1;i,您的序列初始化似乎已中断。请尝试以下操作
var series = [];
for(i=0;i<52;i++)
{
series.push({name: ('Sensor' + (i + 1)), data: []});
}
那个错误的第几行是什么?可能是某些文件中的一个文件文件“+i+”。txt是空的?若你们已经填充了数据元素,你们能在控制台中检查一下吗?
var options = {
..
series: series
};