Javascript Highchart加载带有2个值的csv
我对Highcharts有点问题,可能是因为我完全不懂Javascript 对于Highcharts,我需要一个图表,在x轴上显示日期,在y轴上显示值。我使用的CSV文件(Javascript Highchart加载带有2个值的csv,javascript,csv,highcharts,Javascript,Csv,Highcharts,我对Highcharts有点问题,可能是因为我完全不懂Javascript 对于Highcharts,我需要一个图表,在x轴上显示日期,在y轴上显示值。我使用的CSV文件(results.CSV)如下所示: 821,2013-11-12 1623,2013-11-13 $.get('./results.csv', function(data) { // Split the lines var lines = data.split('\n'); $.each(lines,
results.CSV
)如下所示:
821,2013-11-12
1623,2013-11-13
$.get('./results.csv', function(data) {
// Split the lines
var lines = data.split('\n');
$.each(lines, function(lineNo, line) {
var items = line.split(',');
// header line containes categories
if (lineNo == 0) {
$.each(items, function(itemNo, item) {
if (itemNo > 0) options.xAxis.categories.push(item);
});
}
// the rest of the lines contain data with their name in the first position
else {
var series = {
data: []
};
$.each(items, function(itemNo, item) {
if (itemNo == 0) {
series.name = item;
} else {
series.data.push(parseFloat(item));
}
});
options.series.push(series);
}
});
var chart4 = new Highcharts.Chart(options);
});
……等等
我使用了Highchart文档对CSV数据进行预处理,并使用了网站上的示例。
我制作了一个包含4个不同图表和4个CSV文件的网站,但所有这些文件都是我自己使用与highchart上的示例相同的布局制作的。现在我想使用其他CSV文件
我的代码如下所示:
821,2013-11-12
1623,2013-11-13
$.get('./results.csv', function(data) {
// Split the lines
var lines = data.split('\n');
$.each(lines, function(lineNo, line) {
var items = line.split(',');
// header line containes categories
if (lineNo == 0) {
$.each(items, function(itemNo, item) {
if (itemNo > 0) options.xAxis.categories.push(item);
});
}
// the rest of the lines contain data with their name in the first position
else {
var series = {
data: []
};
$.each(items, function(itemNo, item) {
if (itemNo == 0) {
series.name = item;
} else {
series.data.push(parseFloat(item));
}
});
options.series.push(series);
}
});
var chart4 = new Highcharts.Chart(options);
});
我被卡住了。到底什么对你不起作用?在x轴上,我只看到csv的第一个值(2013-11-12),图表本身是空的。图表下方的图例显示了值(8211623),感谢您在JSFIDLE中的回复,您无法加载csv文件。你的完整csv是什么样子的?嗨,Sebiastian,谢谢你回复我将我的csv发布到pastebin:,第一个值必须是我的y轴,第二个值必须是x轴。非常感谢你抽出时间