Javascript 为什么我没有在图中画线?
我尝试了这种编码,但我没有在图中得到任何线,请告诉我哪里我错了Javascript 为什么我没有在图中画线?,javascript,jquery,parsing,csv,highcharts,Javascript,Jquery,Parsing,Csv,Highcharts,我尝试了这种编码,但我没有在图中得到任何线,请告诉我哪里我错了 $(document).ready(function() { var options = { chart: { renderTo:'container', zoomType:'xy' }, title: { text:
$(document).ready(function() {
var options = {
chart: {
renderTo:'container',
zoomType:'xy'
},
title: {
text: 'Oviedo hoy'
},
subtitle: {
text: 'datos:'
},
xAxis:{
labels:{
formatter:function(){
return Highcharts.dateFormat('%H:%M:%S',this.value);
}
}
},
series: []
};
$.get('data.csv', function(data) {
// Split the lines
options.series.push({
data:[]
});
var tmptimestamp = '';
var lines = data.split('\n');
$.each(lines, function(lineNo, line) {
var items = line.split(',');
// header line containes categories
if (lineNo > 0 )
{
//parsing
var datestamp = items[0].split(' '),
date = datestamp[0].split('/'),
time = datestamp[1].split(':'),
timestamp = Date.UTC(parseFloat(date[2]),
parseFloat(date[1]),parseFloat(date[0]),parseFloat(time[0]),
parseFloat(time[1]),parseFloat(time[2]));
if(tmptimestamp != timestamp)
{
options.series[0].data.push({
x:timestamp,
y:parseFloat(items[5])
});
tmptimestamp = timestamp;
}
}
});
var chart = new Highcharts.StockChart(options,function(chart){
console.log(chart);
});
});
});
这是我的csv的一小部分,但实际的文件很长,有18000行17列
Time Tcoll Tstor TglyHXin
01/01/2013 12:00:54 AM 103.34 103.32 26.94
01/01/2013 12:01:55 AM 103.29 103.3 26.94
01/01/2013 12:02:55 AM 103.29 103.33 26.95
01/01/2013 12:03:55 AM 103.29 103.03 26.94
01/01/2013 12:04:55 AM 103.34 103.27 26.94
01/01/2013 12:05:55 AM 103.39 103.33 26.94
01/01/2013 12:06:55 AM 103.3 103.01 26.94
01/01/2013 12:07:55 AM 103.42 103.17 26.94
01/01/2013 12:08:55 AM 103.37 103.16 26.94
01/01/2013 12:09:55 AM 103.34 103.28 26.94
我不知道哪里出了问题,请给我一些建议,我应该怎么做才能在我的图表中画出这条线
提前感谢,期待您的帮助。将
turboThreshold
设置为更高的值(请参阅)或更改为:
options.series[0].data.push({
x:timestamp,
y:parseFloat(items[5])
});
致:
关于错误日期:
月份从0开始,而不是从1开始,因此更改:
timestamp = Date.UTC(parseFloat(date[2]),
parseFloat(date[1]),parseFloat(date[0]),parseFloat(time[0]),
parseFloat(time[1]),parseFloat(time[2]));
致:
您是否尝试提供少量数据?在控制台中是否看到任何错误消息?你能确认
.get
确实返回了数据,并且调用了回调吗?我只是尝试了少量数据,这是可行的,但是我如何才能让它对大文件@tracevipin有效?是的,它显示了无效的日期,并且没有行@mattburland还有一件事,当我尝试少量数据时,它显示了错误的日期@tracevipin谢谢你的回复@Pawel Fus但它仍然不工作,这让我抓狂..有可能在图表上绘制多个参数吗?是的,那么如何@PawelFusAny控制台有错误吗?关于参数,我不知道你的意思是什么。是的,它在图形中没有显示任何行,即使在进行了更改之后,它也只适用于少量数据@Pawel Fusaging parameter,我的意思是,在我的图形中,是否可能有两行或更多行用于不同的列@帕维尔·福斯
timestamp = Date.UTC(parseFloat(date[2]),
parseFloat(date[1]),parseFloat(date[0]),parseFloat(time[0]),
parseFloat(time[1]),parseFloat(time[2]));
timestamp = Date.UTC(parseFloat(date[2]),
parseFloat(date[1]) - 1,parseFloat(date[0]),parseFloat(time[0]),
parseFloat(time[1]),parseFloat(time[2]));