在HighChart中看不到该行

时间:2014-11-06 05:17:59

标签: jquery csv highcharts

将CSV加载到highcharts时遇到问题。我不知道为什么这条线在线图中不可见。这是代码,应该在网页上显示我的图表:



var Categories = [];
var Data = [];
var Mychart;
	$(document).ready(function(){
		var options={
				chart:{
					renderTo:'chart',
					
				},
				title:{
					text:'Data Test'
				},
				xAxis:{
					categories:[]
				},
				yAxis:{
					title:{
						text:'Time'
					}
				},
				series:[]
		
		};
		
		$.get('File/test5.csv',function(data){
			var lines = data.split('\n');
			$.each(lines,function(lineNo,line){
				var items = line.split(',');
				Categories.push(items[0]);
				Data.push(parseInt(items[1]));
			});
			options.xAxis.categories = Categories;
			options.series = [{data:Data},{type:'spline'}];
			Mychart = new Highcharts.Chart(options);
		});
	});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>
<div id="chart"></div>
&#13;
&#13;
&#13;

请帮帮我!!!

1 个答案:

答案 0 :(得分:1)

我认为您的series选项错误。你在哪里

options.series = [{data:Data},{type:'spline'}];

应该是

options.series = [{data: Data, type: 'spline'}];

请注意,我的示例中只有一个数组条目。