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