Stack Overflow
Stack Overflow

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
2
votes
0 answers

Google API Table chart with Colspan

I am trying to display Table charts using Google API. For the same I tried to format the data from ASP.net Webmethod like below [WebMethod] public static List GetChartData() { List chartData = new List(); …
Nk88
  • 65
  • 5
2
votes
1 answer

Google Charts - Google Visualization arraytoDataTable not recognizing a numeric value unless "treated"

have a look at this JsFiddle. I am trying to import a value from a form field, assign it to a variable and then pass it to google.visualization.arrayToDataTable. But in both cases, even forcing the type: 'number' assignment as in this answer I…
John Galassi
  • 309
  • 2
  • 16
2
votes
1 answer

Google Charts Api:Set ColumnChart Bar color for individual bars

How can we change default color to 'green' for 'Executed' column and 'red' for 'Not Executed' column below? I tried using series/colors but no luck. I tried adding color parameter, series in both options and view below. Nothings working. Code: …
DeSon
  • 147
  • 13
2
votes
0 answers

Plot with d3.js in Google Apps Script and embed plot in Google Sheet, Google Sites and Google Slides

I am using Google Sheets to create some plots from the data and then I export those plots as iframes and embed them into Google Sites and Google Slides. I was wondering if I can do the same using D3 instead of Google Charts. So, my main goal is to…
Laura
  • 1,192
  • 2
  • 18
  • 36
2
votes
1 answer

Issue in populating Google GeoChart Map from a PHP array in Javascript

I have a PHP array of country names - I need to show these countries on map via the Google Geochart map in Javascript and using this code - function drawRegionsMap() { var data…
Gissipi_453
  • 1,250
  • 1
  • 25
  • 61
2
votes
1 answer

How to use a gauge chart in Google Sheets programmatically

I would like to add a "Gauge chart" in Google sheets programmatically. This is an example that I found on the internet but it is coded to display the chart on a webpage. I will, however, try to work off of that example code. But, any help is…
Jrules80
  • 178
  • 12
2
votes
1 answer

Google Chart Table - how to skip hyperlink formatting if the cell is empty

I am using google.visualization.PatternFormat to format the url in the column into a hyperlink in Google Chart Table. The current approach will format the whole column into a hyperlink. I would like to skip the format if the cell in that column is…
grenovic
  • 21
  • 1
2
votes
1 answer

Bubbles being cut off in google bubble chart

I am using google bubble chart, and bubbles on the top lines are getting cut off. Both x and y axis are custom labels Here is my JSFiddle example Here is the chart options: var options = { sizeAxis: { maxSize: 7, …
JPil
  • 191
  • 2
  • 15
2
votes
1 answer

Export Google visualization as picture

I'm trying to convert a wordtree Google visualization to an image. The current code below runs the wordtree so I can see the visual, but I can't figure out the last section to convert to an image or export as an image. (var my_div = section to…
gsheppard
  • 51
  • 4
2
votes
4 answers

Flutter GoogleChart Pie chart does not render when defaultRender is set to very basic ArcRendererConfig()

Chart Displays as expected with the following PieChart widget. class ABCPieChart extends StatefulWidget { @override _ABCPieChartState createState() => _ABCPieChartState(); } class _TABCPieChartState extends State { …
erluxman
  • 18,155
  • 20
  • 92
  • 126
2
votes
1 answer

How to set selection to google chart in angular7-8 from code

I have a few google-donutpie charts on my page which initialized dynamically. I can with help of "on-select" to know whict slice was clicked. But I need to make selection of slice from code. How to do it? PS: I don't use google.visualization and…
Zelena
  • 63
  • 8
2
votes
2 answers

Google Chart - Refresh Data from Google Sheet without Page Refresh

New to coding here and I have a WordPress page that displays a Google Chart with the source data coming from a Google Sheet where I'm trying to have the Google Chart redraw/refresh the data automatically without manually refreshing the entire web…
DIY Investor
  • 33
  • 1
  • 6
2
votes
1 answer

Is it possible to set a transparency on a Google Chart dynamic icon?

I'm calling this url from Google Charts to place a custom icon on my Google map. http://chart.apis.google.com/chart?chst=d_bubble_icon_text_small&chld=home|bbT|HC|52B552|000000 In order to make my map more readable on a mobile browser, I'd like to…
Notorious2tall
  • 1,438
  • 4
  • 16
  • 27
2
votes
1 answer

MySQL AVG columns for Google Charts

So, for a google chart I need my data in the following format: +--------+---------+---------+---------+ | Month | Store A | Store B | Store C | +--------+---------+---------+---------+ | May-19 | 9.5 | 9.4 | 8.8 | | Jun-19 | 7.9 | …
Sam
  • 322
  • 1
  • 16
2
votes
1 answer

Google Visualization API - JQuery - increase spacing every two bars in a ColumnChart

I want to add a larger space between every two columns in a Google Visualization ColumnChart and have been using the bar groupWidth property to implement this the code below shows this: