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.

Filter by
Sorted by
Tagged with
-1 votes
1 answer
37 views

Empty table error when trying to build chart

I wrote a script at Google Apps Script to generate test result reports in PDF format that appear in a spreadsheet. Apparently the script is correct, but it's obviously not, since every time it returns ...
bvs's user avatar
  • 1
0 votes
1 answer
37 views

Google column chart with a dynamic column count

I have successfully coded several stacked column charts with no problem, all having a similar structure shown in the snippet below: arr.push(['Date', 'Item1', 'Item2', 'Item3', 'Item4', 'Item5']); for ...
LloydC's user avatar
  • 7
0 votes
1 answer
18 views

Google Chart fails to retrieve value from sessionStorage

I am trying to create a Google PieChart from five inputs, the first two numerical inputs are added and the result is stored in sessionStorage. The stored value is retrieved and together with the three ...
Felix's user avatar
  • 27
0 votes
0 answers
18 views

How to access vue-google-chart select event on Sankey diagram in vue3?

I am using vue3 with the vue-google-chart library. I have enabled the nodes to be interactive as suggested on the documentation. The "onMouseOver" event works as expected, but on the select ...
Javi M's user avatar
  • 97
0 votes
1 answer
41 views

Google pie chart not showing tool tip on hover in the blazor server application

Google pie chart not showing tool tip on hover in the blazor server application. I have used a sample code provided in the documentation link(https://developers.google.com/chart/interactive/docs/...
alive's user avatar
  • 47
0 votes
0 answers
14 views

How can I adjust the visibility order of different series on a Combo Chart, specifically getting a line to appear above candlesticks?

I am using a Candlestick plot to show a distribution of a few different data sets. I am trying to have two trend lines show overtop of the Candlesticks, but they are consistently appearing behind it ...
J.G.'s user avatar
  • 1
1 vote
1 answer
29 views

Drawing a Google Visualization Chart from .CSV file

I'm not a programmer I want to Draw a Google Visualization Chart from .CSV file I have .csv file as below: time,temperature 2023-08-21 12:00:00,25 2023-08-21 12:01:00,26 2023-08-21 12:02:00,27 and ...
Ahmed's user avatar
  • 13
1 vote
2 answers
41 views

Google-Charts - plotting using ejs template

I want to use google-charts. The quick-start example given here: https://developers.google.com/chart/interactive/docs/quick_start explicitly defines the data within the HTML file. I'd like to do ...
Adrian Hood Sr's user avatar
2 votes
2 answers
69 views

Google Charts - Organization Chart - Advanced Hierarchy Placement

Is it possible to to have more control on hierarchy of the Organization Chart on Google Charts? Illustration: on website developers.google.com for the below example: can Alice be placed vertically ...
Tugalsan Karabacak's user avatar
-1 votes
1 answer
26 views

google line chart only displaying one value without any line

so I'm new to PHP and I have put MySQL query in PHP command but then I tried to make a line chart from the data using JavaScript using different files(index.php for JavaScript and test.php for PHP) ...
Mona's user avatar
  • 3
0 votes
0 answers
72 views

How to add percentage in Sankey chart?

I would like to create a sankey chart, based on a google sheets entry. In the google sheet, you will find a column with the source, another one with the destination and the third column shows the ...
Padavan's user avatar
0 votes
1 answer
33 views

Google PieChart hover over specific slices trigger a div change

I have a simple Google Piechart and a div with text: <script type="text/javascript" src="https://www.google.com/jsapi"></script> <script type="text/javascript&...
Felix's user avatar
  • 27
0 votes
1 answer
41 views

Custom X-Axis labels in Google Timeline Chart

I am using Google Timeline chart with x-axis having numbers instead of Date objects. To get the chart working, I am converting the numbers to Date objects like Date(num). However, X-axis labels ...
Kannan D's user avatar
  • 477
1 vote
1 answer
37 views

Selected rowid in Google ChartRangeFilter on Timeline chart after zooming

I have a Google Timeline chart with ChartRangeFilter. The ChartRangeFilter is able to zoom and pan across the series. I am handling "select" event of the Timeline chart. I zoomed into a ...
Kannan D's user avatar
  • 477
0 votes
1 answer
39 views

how to hide rows or specify colours in Google Gantt Chart, dynamic chart

I have a google gantt chart that I have finally got all of the information in. I have had to use the palette [ ] to add in the colours (from Customize the bar colors in Google Gantt Charts) I want ...
Daniel Pedley's user avatar
0 votes
1 answer
33 views

Customzing ticks/dates on horizontal axis - Google Charts via wpDataTables

I'm inserting a Google line chart on my site via the WP plugin wpDataTables (wpDataCharts). I'm using Elementor to build the site. You can see the chart here a little down on the page. wpDataTables ...
Morten's user avatar
  • 3
1 vote
0 answers
36 views

How to ensure the size of my chart is correct

Edit: upon further testing, it looks like my chart is not even changing dynamically when the window size changes and I'm not sure why. I am trying to create a dashboard, and so far, I have ...
Borgher's user avatar
  • 305
1 vote
0 answers
18 views

How to add text to google timeline graph for each timeline row on the right side of graph

I want to display text on the right side of google graph timeline like Is possible to show text with an ajax call taking the order number on the left side ? google.charts.setOnLoadCallback(...
user avatar
1 vote
1 answer
52 views

Is it possible to plot a solid area (not line) Radar Chart in google sheet?

I am trying to add a new series solid area radar chart in an existing line radar chart of google spreadsheet. Is it possible to do in scripts? Because this types of charts are not seen in the google ...
lighthouselk's user avatar
0 votes
0 answers
30 views

Ability to hide lines/columns in Google Charts using dataTable?

Firsty I'll point out that I have only been using JS and Charts for a few days so I'm probably completely missing something pretty obvious. I usually use PHP. Please assume I know NOTHING about JS !!! ...
Zoe Ballz's user avatar
0 votes
0 answers
23 views

Timeline Google Charts hAxis resolution java javascript GWT

Hi i have a googlee timeline chart private static native Promise setDataToChart(Object[] objects1)/*-{ // Load the Visualization API and the piechart package. $wnd.google.charts.load(&...
Hansjörg Hofer's user avatar
1 vote
1 answer
34 views

Column Chart not displaying annotation values at all [duplicate]

I am trying to display annotations on my chart. However, the chart will not display the annotations in any form. Please help google.charts.load("current", {"packages":["bar&...
Duncan Bellinger-Brown's user avatar
1 vote
1 answer
18 views

Add value to points in google chart

I want to display the values on all points of both lines to my google chart. Im trying with annotation but cant get them to be display. Would love if someone could help me. De first two values is the ...
Henke Olin's user avatar
0 votes
1 answer
47 views

How to concat "%" symbol in google pie chart?

I am trying to add the "%" symbol in the Google pie chart slices. I have attached the below. I am using the Codeigniter framework. The below code creates a Google pie chart which pops up ...
Yashas's user avatar
  • 41
1 vote
1 answer
30 views

Google Chart not affected with specified options

I'm using Google Charts API and charts are displaying correctly, but any options don't seem to be working. I'm trying to customise the bar colours and remove the legend, but it's not working. Can't ...
TomC's user avatar
  • 338
1 vote
1 answer
20 views

Barchart with chart range filter

I'm trying to draw a barchart with chart range filter with the script and code bellow, but i'm getting 2 errors 1-One or more participants failed to draw()× 2-The filter cannot operate on a column of ...
Boufous Otman's user avatar
0 votes
1 answer
52 views

Make hAxis label center with respect to graph in React-google-charts (React Js)

I need to have centered data points in hAxis(x-axis) with respect to vAxis(y-axis), I tried with textPosition and but it doesn't work. Here, I have to center the dates with respect to the graph. ...
Hema Ramasamy's user avatar
1 vote
0 answers
23 views

How to draw this Chart using google chart?

snapshot Hello everyone, i need to draw this graph using google charts. Can anyone help me draw this kind of graph ? I tried this approach first, but not getting desired output function ...
SAURAV KUMAR's user avatar
1 vote
1 answer
39 views

why are there overlapping google chart columns?

Look at this fiddle below. The columns are wide and overlapping. In general, column charts draw non-overlapping and narrower columns with many data rows in other cases. Why these columns are ...
Feri's user avatar
  • 461
2 votes
1 answer
50 views

Trouble with Google charts CSV download button

Browser unable to find file when attempting to download results as CSV from SQL database query. Hello all. I have the following function in my HTML script. I would like to be able to download the ...
thecatsmilk's user avatar
1 vote
0 answers
28 views

Firebase and Google Chart , timestamp not accurate

This code is to show the temperature on the specific are and record it to the firebase database. This code is supposedly to record current date into the database then temperature and at last , ...
JOSHUA's user avatar
  • 11
1 vote
0 answers
149 views

Google charts is not rendering properly in react js

I'm using react-google-charts for creating a Geo Chart. Sometimes the chart renders, sometimes it doesn't. When it renders, and I reload it disappears and doesn't render again. import React, { ...
ujjwal's user avatar
  • 79
3 votes
1 answer
115 views

Google Charts with CSV file

I have the following html which works fine in producing a stacked column chart with Google Charts. I want to replace the static data in the html with an external csv file and am unable to get it to ...
dataflowjoe's user avatar
1 vote
1 answer
43 views

Google Charts Options and Javascript Syntax

I have a javascript function that succesfully draws a line chart using the google charts api. google.load('visualization', '1.1', { packages: ['corechart'] }); google.setOnLoadCallback(drawChart); ...
Albert C's user avatar
1 vote
1 answer
57 views

Google Charts hAxis gridlines dont'work for weekly interval

Google charts should draw vertical lines for each data point - it works good for continuous dates like days, months, but when I provide dates with gaps - as sundays only - it stops to draw vertical ...
Sergey Ch.'s user avatar
0 votes
0 answers
47 views

Google Visualization Stacked Combo Chart with Dual Y Axis has bar stacks are overlapping

I have a Combo Chart with dual Y axis. Bolivia and Equador are stacked ontargetAxisIndex: 0. Madagascar and Ethiopia are also stacked on targetAxisIndex: 1. Madagascar/Ethiopia stack (total 45) is ...
cmill's user avatar
  • 849
1 vote
1 answer
42 views

How to properly integrate google chart with php

I have 3 columns(tea,milk,pepsi) in a table with their respective values being inserted When I integrate it with Google charts, things seems to partly works fine. My main issue is how to make the ...
Nancy Moore's user avatar
  • 2,312
0 votes
0 answers
48 views

Google charts stacked column chart set colors conditionally by especific value

I have a code that draws the following chart: As the tittle indicated, I'm looking a way to change the bars colors by their value or range,in the code I made a "dommy" column that indicates ...
Henvi's user avatar
  • 13
0 votes
0 answers
70 views

Change color/size of legend pagination arrow. Google Charts

What is the simplest way to change the color/size of the legend pagination arrows for Google Charts? This is a react app using react-google-charts npm See circled in red. Thanks!
Logan McNulty's user avatar
1 vote
1 answer
114 views

How can I change the format for the number displayed in google charts?

I have a code that draws the following chart: (https://i.stack.imgur.com/Iy6us.png) I basically made a stacked column/bar chart in Google Charts, and i want to know if is there a way to change the ...
Henvi's user avatar
  • 13
1 vote
0 answers
59 views

div overlapping with ajax call

On ajax call, one div that is declared in my html using bootstrap disappears. The first time the chart is loaded, the dropdown input field is disappears. Here is my html using bootstrap code. Note, ...
ahad alam's user avatar
1 vote
1 answer
107 views

Google Charts doesn't draw chart

I'm trying to bring some informations from a database hosted in xampp, to be more exactly, i'm trying to draw a chart with google charts where shows the count of students in determined course of a ...
themadmassa's user avatar
0 votes
0 answers
15 views

Vertical google chart wiht different amount of values per row

I'm trying to produce a horizontally stacked bar chart using the Google Charts API. Cant find solution for my needs. Need to collect yearly cases together, one case as a one piece and those stacked ...
user21524651's user avatar
0 votes
0 answers
54 views

Download google chart as png in react not working

Here I have the chart and the button that should fire the download: <Button> <a className="btn btn-primary pull-right" onClick={e => clickHandler(e, true)} type="button&...
OnlyAUser's user avatar
0 votes
0 answers
100 views

Modern gauge chart design Vue Google Chart

Right now, my Gauge Chart style is compass-like I want to change the style like this Syncfusion Gauge Chart Is there any way to do that in Vue Google Chart? This is my code: <template> <...
William Edward's user avatar
0 votes
1 answer
39 views

Google Chart , ControlWrapper change placeholder

How can I change the name of the text "Choose a value"? Example image! I tried it change the default or placeholder options and still the value of that text does not change. Help me please ...
Enzo Nuñez Pierattini's user avatar
0 votes
1 answer
247 views

Querying a Google Sheet API using GViz

I would like to query the Google Spreadsheet using GViz (SQL like query language) and Google API on behalf of users of my app, however, in the Sheets API (https://developers.google.com/sheets/api/...
Chris Switalski's user avatar
2 votes
0 answers
58 views

google visualizations, change the position of the label in gantt chart

<Chart chartType="Gantt" data={dt} height={1600} chartEvents={[ { eventName: "ready", ...
nodisplayname's user avatar
0 votes
1 answer
235 views

Implement Google Charts into Razor Page from Blazor App

I want to implement a standard Google Chart (https://developers.google.com/chart/interactive/docs/quick_start) into a Razor Page in a standard Blazor App (for example into the page FetchData.razor). ...
Seraphim's user avatar
1 vote
1 answer
51 views

google linechart view change

I have a one year data to show in the form of line chart , but the problem is initially its should show last one month statics only , then the user wants to view previous month data , then the user ...
noob's user avatar
  • 76

1
2 3 4 5
180