Questions tagged [google-visualization]

The Google Visualization API allows SVG, Flash, and Image charts and dashboards to be created based on data from a variety of sources. The charts/dashboards can be interactive, updated automatically, and included on web pages and web applications.

Overview

The Google Visualization API creates dynamic charts primarily in three different formats.

SVG

The following chart types can be embedded as dynamically-created SVG files:

Many of these charts are compatible with (Google Web Tools)

Adobe Flash

The following charts are created as Adobe Flash elements:

Static Images (deprecated)

The following charts are created as static images (PNG files):

These charts are officially deprecated and were phased out on April 20, 2015.

Data

Data for the charts can be taken from sources such as or . They can also be taken from databases using , generated dynamically using or hardcoded as arrays or as objects.

Interactivity for the SVG charts can be customized using events and controls supported by the API.

8985 questions
175
votes
6 answers

Remove padding or margins from Google Charts

// Load the Visualization API and the piechart package. google.load('visualization', '1.0', {'packages':['corechart']}); // Set a callback to run when the Google Visualization API is loaded. google.setOnLoadCallback(drawChart); // Callback…
Paul Armdam
  • 1,753
  • 2
  • 11
  • 4
172
votes
5 answers

Hiding the legend in Google Chart

I am using the Google charts API. Is there a way to hide the legend for a scatter plot?
jamesatha
  • 7,280
  • 14
  • 37
  • 54
146
votes
3 answers

PHP MySQL Google Chart JSON - Complete Example

I have searched a lot to find a good example for generating a Google Chart using MySQL table data as the data source. I searched for a couple of days and realised that there are few examples available for generating a Google Chart (pie, bar, column,…
Anam
  • 11,999
  • 9
  • 49
  • 63
122
votes
8 answers

Download link for Google Spreadsheets CSV export - with Multiple Sheets

I'm trying to find a link which allows me to download a CSV formatted version of my Google Spreadsheet. Currently I'm using: https://docs.google.com/spreadsheets/d/DOCID/export?format=csv This works great except that it only download the first…
103
votes
5 answers

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

Well, this looks strange but I'm not able to find a solution. Why in the world does this fiddle http://jsfiddle.net/carlesso/PKkFf/ show the page content and, then when google.load occurs, the page goes blank? It works well if the google.load is…
Enrico Carlesso
  • 6,818
  • 4
  • 34
  • 42
93
votes
7 answers

Pie chart with jQuery

I want to create a pie chart in JavaScript. On searching I found the Google Charts API. Since we are using jQuery I found that there is jQuery integration for Google Charts available. But my problem is here the actual data is sent to the Google…
Arun P Johny
  • 384,651
  • 66
  • 527
  • 531
87
votes
10 answers

Google chart redraw/scale on window resize

How do I redraw/rescale a google linechart on window resize?
thecodeparadox
  • 86,271
  • 21
  • 138
  • 164
76
votes
1 answer

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

I just checked my Chromium task manager and noticed that my Goats Teleported count is abnormally high. I thought it might be a good idea to create a browser extension that runs the goat teleportation data through Google Visualizations API and…
71
votes
5 answers

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

I'm using the Google Charts API to include various graphs on a webapp I'm working on. I'm using the javascript chart tools (not the image chart tools), and am wondering if it's possible to use a transparent background on a chart (e.g. line graph,…
johneth
  • 2,858
  • 5
  • 27
  • 26
65
votes
13 answers

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

We are using google org chart API to display our org charts. This works well but we need something that supports: One person reporting to multiple managers Co heads of a functional areas. Are there any competing tools that give better support for…
leora
  • 188,729
  • 360
  • 878
  • 1,366
60
votes
2 answers

Setting a hard minimum axis value in Google Charts API

I'm trying to build a Google Chart to show some uptime and downtime percentages, stacked. This works great except for one small thing - I'd like the baseline of the chart to be at 99.8, and the maximum to be 100 - since downtimes are usually less…
jasonpgignac
  • 2,296
  • 2
  • 19
  • 26
50
votes
7 answers

Google Charts tooltip flickering

When using Google Charts, sometimes the tooltip appears behind the mouse pointer, causing a flickering when the mouse is moved, even a little bit. Is this a known issue?
Arnaud
  • 4,884
  • 17
  • 54
  • 85
48
votes
2 answers

SVG vs HTML5 Canvas Based Charts

I have to draw charts on browser using a python backend (which may not matter here). There are numerous libraries like JQPlot, D3, Google Charts for achieving this. But if you classify them, they are either HTML5 Canvas based or SVG based. Both are…
Vivek Jha
  • 1,520
  • 3
  • 16
  • 26
47
votes
3 answers

Can Google Charts support dual y-axis (v-axis)?

The Flot chart api supports dual v-axis scales, as shown by this example. I'm using Google Charts - is this possible also with Google? I've had a look through the examples and docs, but can't find any examples / references to indicate it does…
Kevin
  • 11,521
  • 22
  • 81
  • 103
45
votes
9 answers

Google Chart Background Color

I'm styling a google chart using the javascript api. I want to change the background of the area where the data is plotted. For some reason when I set background options like so: chart.draw(data, { backgroundColor: { fill: "#F4F4F4" } }) It changes…
firebait
  • 473
  • 1
  • 4
  • 7
1
2 3
99 100