Highcharts:无法获得显示图表的示例

我无法显示以下图表。 以下是jQuery。 我已经通过替换jQuery尝试了其他示例,但它确实有效。 我将所有文件都放在同一个文件夹中,包括data.csv。

$(document).ready(function () { var options = { chart: { renderTo: 'container', defaultSeriesType: 'column' },  }; $.get('./data.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 chart = new Highcharts.Chart(options); }); }); 

CSV文件如下所示:

 Categories,Apples,Pears,Oranges,Bananas John,8,4,6,5 Jane,3,4,2,3 Joe,86,76,79,77 Janet,3,16,13,15 

这是我想要工作的例子:

http://www.highcharts.com/studies/data-from-csv.htm

编辑:我刚刚意识到Firefox上的图表显示。 我一直在使用Chrome。 很奇怪。 但是,上面的示例链接适用于两者。

在Chrome中,您不能使用AJAX来获取本地文件。 如果你想做这样的事情,可以使用XAMPP或WAMP来创建本地服务器。 Firefox没有这样的限制。

我能够使用此Chrome开关作为临时修复程序以允许本地文件使用: – allow-file-access-from-files