使用本地文件而不是$.getJSON
Using local file instead of $.getJSON
我对Javascript很陌生,所以很抱歉。
此链接包含使用AJAX请求的名为jsonp.php
的文件中的图表数据。
我试图重新创建它,但使用本地文件,而不是他们服务器上的文件。我可以下载他们的示例jsonp.php
文件并将其保存到我的桌面上。
我已经设法把这些代码放在一起,使我能够打开并读取文件。
<!DOCTYPE html>
<html>
<script src="http://code.highcharts.com/stock/highstock.js"></script>
<script src="http://code.highcharts.com/stock/modules/exporting.js"></script>
<input type="file" id="files" name="file" />
<div id="container" style="height: 500px; min-width: 500px"></div>?
<script>
function handleFileSelect(evt)
{
var files = evt.target.files; // FileList object
for (var i = 0, f; f = files[i]; i++)
{
var reader = new FileReader();
reader.onload = (function(reader)
{
return function()
{
var contents = reader.result;
//var lines = contents.split(''n');
//example('test')
//////
//document.getElementById('container').innerHTML=contents;
}
})(reader);
reader.readAsText(f);
}
}
//function example(a)
//{
//alert('You have chosen: ' + a);
//}
document.getElementById('files').addEventListener('change', handleFileSelect, false);
</script>
</html>
我现在正试图将这两个脚本结合起来,用本地文件显示图表(请参阅链接)。我已经尝试删除ajax调用,并使用renderChart(f)
调用该函数
function renderChart(data) {
// Create the chart
window.chart = new Highcharts.StockChart({
chart : {
renderTo : 'container'
},
rangeSelector : {
selected : 1
},
title : {
text : 'AAPL Stock Price'
},
series : [{
name : 'AAPL',
data : data,
tooltip: {
valueDecimals: 2
}
}]
});
});
这不起作用。请问哪里出错了
感谢
您发送的JSFiddle中有几个语法错误。这是一个新的JSFiddle,它解决了基本错误。然而,我没有尝试使用格式化为Highcharts应该需要的文件。
提示:尝试在Chrome中使用Javascript控制台查看错误。
相关文章:
- 使用本地文件而不是$.getJSON
- Jquery append()概要文件(使用$.getJSON的服务器数据)
- JQuery.getJSON() 读取本地文件
- 将每个函数与 getJSON 一起使用一个内部文件
- 使用 jQuery 的 ajax 或 getJSON 加载 .srj 文件
- 下载 JSON 文件而不是 console.log-ging 它在 $.getJson() 中
- JSON文件从URL中出现得很好,但不允许我用$.getJSON(JS)抓取它
- 为什么我使用 .getJSON 不能始终如一地读取本地 JSON 文件
- 我的 $.getJSON 似乎没有从我的 JSON 文件中检索信息
- 使用 .getJSON 从 php 文件中检索 JSON 数据
- 在静态 json 文件上的节点 js 上使用 getJSON 时不支持获取协议
- 使用 JQuery.getJSON() 从 JSON 的文件加载 contecxtmenu
- 如何在getJSON()函数中检查文件是否存在
- 如何使用getJSON将javascript关联数组传递到php文件
- 如何从cookie文件和自定义头传递授权值到getjson
- 美元.getJSON不能与本地JSON文件一起工作
- 将本地json文件添加到rails应用程序中,并使用$.getJSON在本地获取它
- Getjson -无法读取本地json文件
- 使用jQuery.getJSON加载JSON文件
- 如何使用getJSON从文件中获取JSON数组