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
1 answer

Google chart API: Set values of node labels in Sankey diagram

I am trying to create a simple Sankey diagram showing flows between two sets of nodes, and would like the two sets to have the same names. However, this isn't allowed (it brings up a "Cycle found in rows" error), so I add "2" to the names of the…
2
votes
1 answer

How to properly format a JSON object into a dataTable for Google Visualization Chart

I'm trying to create a simple chart from a JSON Object. The Line Chart will not accept a JSON directly so I need to convert it to a datable but it looks like every situation is unique depending on how your JSON is setup. What would be the correct…
Heath Heath
  • 329
  • 2
  • 8
2
votes
1 answer

Google Charts, calendar implementation with AJAX request

I want to implement this nice calendar chart on my website. https://developers-dot-devsite-v2-prod.appspot.com/chart/interactive/docs/gallery/calendar Assume the client performs an ajax request, on page load, and the server queries data from the…
csandreas1
  • 2,026
  • 1
  • 26
  • 48
2
votes
2 answers

ECG Curve in javascript using some chart library

I want to simulate ECG using javascript. i have done some part using JSXGraph using static point to show ECG curve, now the problem is i need to put a slider that will vary from 60 heart beats to 200 heart beats curve will compress or expand. so can…
Yashprit
  • 512
  • 1
  • 8
  • 22
2
votes
0 answers

Add mask to Google Charts AreaChart

I'm trying to add a mask to AreaChart and have found out that created mask is applied (and displayed) only when it's defined within section of the svg document generated by Google Charts API. I created an EventListener for the 'ready'-event,…
Rodion Baskakov
  • 636
  • 4
  • 14
2
votes
1 answer

do not show 0 value on google line chart

var data = google.visualization.arrayToDataTable([ ['Year', 'Massachusetts', 'National'], ['2010', 88, 76], ['2011', 0, 82], ['2012', 96, 86], ['2013', 100, 91], ['2014', …
2
votes
1 answer

How to force dataTableToCsv method in Google Visualization API to escape the hashtag sign

It looks like the dataTableToCsv method stops when it encounters a "#" Because this is a google defined method, what would be the best way to escape this sign or even better, correct this? csvContent = csvColumns +…
Heath Heath
  • 329
  • 2
  • 8
2
votes
1 answer

Google charts get data from a row

I have a table of different hours (teaching hours, service hours and research hours) done by a staff. I need to plot bar chart and pie chart of the staff but the x-axis and legends are just a repeat of the hours Example of the data from sql after…
2
votes
1 answer

Dynamic Vertical Axis to Accommodate Trendline(s) in Google Line Chart

I'm new to coding but over the last several months I've managed to fumble my way through creating a web site that utilises a Google Line Chart and embedded linear trendline to display historical Mean Sea Level and the rate of Mean Sea Level rise for…
2
votes
2 answers

How to load JSON file with date to Google Charts

I can't plot data with google charts because of json format data is not properly fitted. I can't figure out how manipulate the data for get the expected format. The data come from a csv file. I applied file_get_contents() from php, and…
2
votes
1 answer

Google Visualization - On event table sort, keep specific row as first visible record?

When a user clicks the header to sort I want the row labeled "Grand Total" to stay as the first row visible. I can catch the table sort event as follows: google.visualization.events.addListener(table.getChart(), 'sort', function() { …
cmill
  • 849
  • 7
  • 20
2
votes
0 answers

How to draw an ellipsis as position reference in Google Scatter Chart?

How can I draw shapes like the ellipsis showed in the following image in Google Charts? The data that I have to plot is better represented by the Scatter Chart, but I don't see how I could draw the lines and ellipsis knowing their equation.
Jp_
  • 5,973
  • 4
  • 25
  • 36
2
votes
1 answer

How to draw an average column in Google Charts Bar Chart?

I am trying to create a GoogleCharts Bar Chart with CategoryFilters which also shows the average of each category/group. How do I calculate and show an additional bar/column of the average? Something like this (example) --> https://ibb.co/wQksgGN I…
Tototatutu
  • 35
  • 6
2
votes
2 answers

How to add 'tooltip' to Timeline chart in angular-google-charts?

I'm trying to add tooltip to Timeline chart using angular-google-charts library in Angular 7 application. When I add a fifth column at index = 2, angular-google-charts throws as error saying "Expecting 4 columns not 5" When I remove the tooltip…
ranaalisaeed
  • 304
  • 3
  • 15
2
votes
0 answers

Adding data from mongodb to google GeoChart API

I am very new to developing, just finished an online bootcamp on Udemy and have created few simple websites, a yelp-type app, and few other minor coding projects. I am currently working on a "travel map" app which will allow users to add countries…
1 2 3
99
100