谷歌电子表格JSON的高股价图表
Highstock charts with Google Spreadsheet JSON
我试图用电子表格中提供的数据绘制图表,我的第一个问题是JSON提要。
-
如果我把钥匙放在谷歌Json样本中,它什么也不会给我。但是,如果我在浏览器中粘贴地址,我可以清楚地看到JSON提要。
-
然后我把它插入Highcharts页面的一个例子中,它没有加载。
Fiddle演示。
$(function() {
$.getJSON('https://spreadsheets.google.com/feeds/list/1zgfoS-vYXU_SKDyYEa2fUh6zIaluynibs75a2zZIclI/od6/public/values?alt=json-in-script&callback=?', function(data)
{
// Add a null value for the end date
data = [].concat(data, [[Date.UTC(2015, 9, 14, 19, 59), null, null, null, null]]);
// create the chart
$('#container').highcharts('StockChart', {
chart : {
type: 'spline',
zoomType: 'x'
},
navigator : {
adaptToUpdatedData: false,
series : {
data : data
}
},
scrollbar: {
liveRedraw: false
},
title: {
text: 'AAPL history by the minute from 1998 to 2011'
},
subtitle: {
text: 'Displaying 1.7 million data points in Highcharts Stock by async server loading'
},
rangeSelector : {
buttons: [{
type: 'hour',
count: 1,
text: '1h'
}, {
type: 'day',
count: 1,
text: '1d'
}, {
type: 'month',
count: 1,
text: '1m'
}, {
type: 'year',
count: 1,
text: '1y'
}, {
type: 'all',
text: 'All'
}],
inputEnabled: false, // it supports only days
selected : 4 // all
},
xAxis : {
events : {
afterSetExtremes : afterSetExtremes
},
minRange: 3600 * 1000 // one hour
},
series : [{
data : data,
dataGrouping: {
enabled: false
}
}]
});
});
});
/***根据选定的最小值和最大值加载新数据*/
function afterSetExtremes(e) {
var currentExtremes = this.getExtremes(),
range = e.max - e.min,
chart = $('#container').highcharts();
chart.showLoading('Loading data from server...');
$.getJSON('https://spreadsheets.google.com/feeds/list/1zgfoS-vYXU_SKDyYEa2fUh6zIaluynibs75a2zZIclI/od6/public/values?alt=json-in-script&callback=?', function(data)
{
chart.series[0].setData(data);
chart.hideLoading();
});
}
有人能告诉我问题出在哪里,或者提供一个替代方案吗?
您需要从电子表格中引用正确的值,因为这样您就有了奇怪的对象。我建议解析这个json以实现array,[x,y]或只向数据返回y值。
相关文章:
- Google电子表格getValue([cell containing ])不返回制表符
- 区分电子表格中的空单元格和0值
- 使用外部数据创建仪表板(谷歌电子表格)-JavaScript
- 如何使用Google Sheets API+Javascript阅读电子表格
- 谷歌电子表格的自定义xml解析功能
- SIMPLE Javascript代码,用于显示谷歌电子表格中单个字段的数据
- 在谷歌电子表格中循环单元格
- 如果填写了特定值,则通过电子邮件发送电子表格中的数据
- 使用AngularJS制作一个类似电子表格的应用程序
- 有没有一种方法可以使用Javascript检索谷歌表单ITSELF(而不是电子表格)的数据
- 使用谷歌应用程序脚本制作基于谷歌电子表格的带有列表框的网络应用程序
- 使用公共API访问(无OAuth)从JavaScript编写Google电子表格
- 如何通过悬停或点击谷歌电子表格中的单元格来运行自定义功能
- 如何使用谷歌脚本将html表单数据保存到谷歌电子表格中
- 在最初的查询/表格绘制中只提取谷歌电子表格的一列
- 谷歌电子表格脚本:如何保存“;永远”;
- 谷歌电子表格,脚本,备份文件,子文件夹
- 如何在谷歌电子表格脚本中测试范围参数的类型
- 谷歌电子表格API
- 谷歌电子表格JSON的高股价图表