google-visualization – Page 2

Setting a hard minimum axis value in Google Charts API

April 1, 2023 by Tarik

you need to set viewWindow like this: var data = new google.visualization.DataTable(); data.addColumn(‘string’, ‘Date’); data.addColumn(‘number’, ‘Uptime’); data.addColumn(‘number’, ‘Downtime’); data.addRows([ [‘Dec 1, 1830’, 99.875, 0.125], [‘Dec 8, 1830’, 99.675, 0.325], [‘Dec 15, 1830’, 99.975, 0.025], [‘Dec 22, 1830’, 100.0, 0.0] ]); var chart = new google.visualization.ColumnChart(document.getElementById(‘chart_div’)); chart.draw(data, {width: 400, height: 240, isStacked: true, vAxis: { title: … Read more

Are there any better javascript org charts compared with Google Org Chart API? [closed]

March 10, 2023 by Tarik

D3 – http://d3js.org/ Here is an example – they are a bit hard to find http://mbostock.github.io/d3/talk/20111018/tree.html

Google Charts (JS) – is there a way of using a transparent background on a chart?

February 27, 2023 by Tarik

In the Configuration Options of the chart, specify backgroundColor: { fill:’transparent’ } This worked for me in Chrome and Firefox. It took me some time to find out. The doc page says you can only put in HTML color strings and I assumed ‘transparent’ was not one of them.

Graph Goat Teleportation Data with Google Vis. API via Chrome Extension

February 16, 2023 by Tarik

There is an experimental processes API where one would expect to find such important info exposed. But alas, Goats Teleported isn’t yet available through that API. I think you’ve uncovered a major hole in the extension system and urge you to file a feature request. +1 for goats.

Google chart redraw/scale on window resize

January 28, 2023 by Tarik

To redraw only when the window resize is completed and avoid multiple triggers, I think is better create an event: //create trigger to resizeEnd event $(window).resize(function() { if(this.resizeTO) clearTimeout(this.resizeTO); this.resizeTO = setTimeout(function() { $(this).trigger(‘resizeEnd’); }, 500); }); //redraw graph when window resize is completed $(window).on(‘resizeEnd’, function() { drawChart(data); });

Pie chart with jQuery

January 18, 2023 by Tarik

Flot Limitations: lines, points, filled areas, bars, pie and combinations of these From an interaction perspective, Flot by far will get you as close as possible to Flash graphing as you can get with jQuery. Whilst the graph output is pretty slick, and great looking, you can also interact with data points. What I mean … Read more

Why does google.load cause my page to go blank?

January 4, 2023 by Tarik

Looks like google.load is adding the script to the page using a document.write(), which if used after the page loads, wipes out the html. This explains more in-depth: http://groups.google.com/group/google-ajax-search-api/browse_thread/thread/e07c2606498094e6 Using one of the ideas, you could use a callback for the load to force it use append rather than doc.write: setTimeout(function(){google.load(‘visualization’, ‘1’, {‘callback’:’alert(“2 sec wait”)’, … Read more

Download link for Google Spreadsheets CSV export – with Multiple Sheets

December 25, 2022 by Tarik

Every document in Google Sheets supports the “Chart Tools datasource protocol”, which is explained (in a rather haphazard way) in these articles: “Creating a Chart from a Separate Spreadsheet” “Query Language Reference” “Implementing the Chart Tools Datasource Protocol” To download a specific sheet as a CSV file, replace {key} with the document’s ID and {sheet_name} … Read more

Remove padding or margins from Google Charts

November 27, 2022 by Tarik

By adding and tuning some configuration options listed in the API documentation, you can create a lot of different styles. For instance, here is a version that removes most of the extra blank space by setting the chartArea.width to 100% and chartArea.height to 80% and moving the legend.position to bottom: // Set chart options var … Read more

PHP MySQL Google Chart JSON – Complete Example [closed]

November 23, 2022 by Tarik

Some might encounter this error either locally or on the server: syntax error var data = new google.visualization.DataTable(<?=$jsonTable?>); This means that their environment does not support short tags the solution is to use this instead: <?php echo $jsonTable; ?> And everything should work fine!