2013-08-23 49 views
0

我想引用谷歌电子表格使用桌面为我的d3可视化中的数据。我能想到的最好的解决方案就是这样,但我知道这不是很正确。集成tabletop.js与d3.js?

window.onload = function() { init() }; 

var public_spreadsheet_url = 'https://docs.google.com/spreadsheet/pub?hl=en_US&hl=en_US&key=0AmYzu_s7QHsmdDNZUzRlYldnWTZCLXdrMXlYQzVxSFE&output=html'; 

function init() { 
    Tabletop.init({ key: public_spreadsheet_url, 
       callback: showInfo, 
       simpleSheet: true }) 
} 

d3.json("showInfo", function(data) { 
    console.log(data); 
}); 

回答

2

数据以数组形式出现(请参见下面的输出);所以不需要申请d3.json。您可以立即开始使用阵列进行d3可视化。

window.onload = function() { init() }; 
var public_spreadsheet_url = "https://docs.google.com/spreadsheet/pub?hl=en_US&hl=en_US&key=0AmYzu_s7QHsmdDNZUzRlYldnWTZCLXdrMXlYQzVxSFE&output=html"; 
function init() { 
    Tabletop.init({ key: public_spreadsheet_url, 
     callback: showInfo, 
     simpleSheet: true }) 
} 
function showInfo(rows) { 
    console.log(rows); 
    // build your d3 vis here.. 
} 

enter image description here