Donate. I desperately need donations to survive due to my health

Get paid by answering surveys Click here

Click here to donate

Remote/Work from Home jobs

Highcharts with Google Spreadsheets

the latest update to Highcharts (3.0) allows us to display charts with the data coming from Google Spreadsheets. The example works fine: http://jsfiddle.net/kyXB2/

<script type="text/javascript" src="http://github.highcharts.com/v3.0Beta/highcharts.js"></script>
<script type="text/javascript" src="http://github.highcharts.com/v3.0Beta/modules/data.js"></script>

<h1>Highcharts Data module demo</h1>

<p>For the full options reference for the data module, read the header of the <a href="https://github.com/highslide-software/highcharts.com/blob/rambera/js/modules/data.src.js">data.src.js filehttps://github.com/highslide-software/highcharts.com/blob/rambera/js/modules/data.src.js</a>.</p>
$('#container4').highcharts({
data: {
    googleSpreadsheetKey: '0AoIaUO7wH1HwdENPcGVEVkxfUDJkMmFBcXMzOVVPdHc'
},
title: {
    text: 'Data from a Google spreadsheet'
}
});

When I integrate that same example into my own website, everything works fine as well.

However, when I want to insert my own Google Spreadsheet by adding my own key, nothing happens. The charts doesn't render. What's going wrong? I don't know. The support/help/documentation pages on Highcharts' website aren't helping since there's nothing there yet on these specific pages.

Did anyone tried out them Google Spreadsheets on their own sites already?

thanks in advance.

Bart

Comments