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.
8,857
questions
-2
votes
0
answers
12
views
Formula to calculate angle between 2 cities ion the global map with equator [closed]
Pick randomly 2 cities on the global map. Lattitude and longitude are defined. No matter how far between two cities. Assume that the Earth is a perfect sphere shape. Please help me a trigonometric ...
0
votes
0
answers
23
views
Is there any solution for Google Scripts getCharts().getAs error?
I've one google script running since a few months without any problems, last week a scheduled email that was sent on weekly basis stoped working without any reason further than:
Exception: Service ...
0
votes
0
answers
18
views
ArcGIS JS and Google Charts JS not working together
So I recently encountered a problem where I load both ArcGIS scripts and Google Charts scripts. I'm building out a website where I need both to work on the same page. However, I haven't been able to ...
0
votes
0
answers
19
views
Format All Data in React Google Charts API
Using Google Charts in React, I have 4 stacked values in each column adding up to 100 (percent).
I want the value displayed when hovering over each part to be rounded to the nearest tenths place.
I ...
0
votes
0
answers
15
views
React Google Geo charts are not suporting for Hong Kong country . Map shwoing empty
React Google Geo charts work for other regions/countries like India and the USA except for Hong Kong.
https://codesandbox.io/s/react-google-charts-geo-chart-forked-670req?file=/src/index.js
0
votes
1
answer
16
views
dynamic google chart, Can't add new data
I call updateChart(d) functions via ajax and pass new data.
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type=&...
0
votes
0
answers
11
views
How can I add dinamically the series in Google Chart with Vuejs
Hi I am trying to add dinamically the series in Google Chart with Vuejs I have tried but it does not work my code is this one:
I need to add dinamically the series because I do not know how many there ...
0
votes
0
answers
6
views
How can I add percentages in this combo Chart with Google Chart and Vuejs
Hi I am using Vuejs and I am using google chart I am trying to do a combo Chart that it includes colums and average line, the thing is that the average line must be in percentage and it is taking the ...
0
votes
1
answer
13
views
Dual Axis Google chart showing incorrect scale
I'm trying to build a dual axis google chart using Combo Chart. On one side the Y axis scales correctly as per values but not the other one.
Refer the image:
Sample chart
and my Sample data:
[
[ &...
0
votes
0
answers
20
views
Angular is it possible to translate content of tooltip in Google Gantt Chart
My html looks like that:
<google-chart #chart
[title]="title"
[type]="type"
[data]="data"
[columns]="columnNames"
[options]="options"...
1
vote
1
answer
22
views
X axis labels with extra decimal...increase step to 1
i need help with line chart….i am providing h axis label as 15,16,17,18 but on the graph plotted i also get 15.5, 16.5….how to remove it??? i also used max: 4 in hAxis…still same issue....I also tried ...
3
votes
2
answers
86
views
Multi-level nested pie chart in google sheets
I need a multi-level nested pie chart in google sheets.
To show number sums in categories and sub-categories. Can use code or just formulas.
Or if a system similar to google sheets already has a easy ...
1
vote
1
answer
68
views
How can I getSelection value on the TreeMap in reactjs react-google-charts
i want to get the value for the node which is selected by the user in graph.
I have tried with this solution but not getting the values.
const ChartEvents = [
{ eventName: "select",...
0
votes
0
answers
22
views
How to update a Google Chart periodically?
Currently, I'm trying to update the value of my Google Line Chart. My aim is to update it periodically, so that I can obtain the result of a dynamic chart. Right now I need to refresh the whole page, ...
0
votes
0
answers
16
views
Adding different links to each column (Google Charts)
I need to add different links which open another page to every column on a column chart.
Clicks to every different columns should open another window.
My current template only works if columns are ...
0
votes
1
answer
31
views
Google Data Studio - Creating your own visualization - config.json problem
My problem is the index.json
{
"data": [
{
"id": "concepts",
"label": "Fields",
"elements": [
{
&...
0
votes
0
answers
16
views
Google visualization api - Auto add filter value onto the title
I try to make the title auto add Work week value when I click filter any Workweek.Example as picture when I click filter "WorkWeek" 15 , the title will auto add "15" .
But none ...
0
votes
0
answers
22
views
Unable getValue() from Google visualization chart table
I try make the alert prompt out window to shown a value from table row 1 and column 1 . , but none of the alert window prompt out.
Here the table and dashboard draw code:
var table = new ...
1
vote
0
answers
29
views
Changing color in ticks google charts
__Hello, guys. I'm practicing in google charts. And I met a problem, which I can't to solve.
google chart
I'm using ticks labels:
'vAxis': {
ticks: [{ v: 720, f: '12:00' }
And want to customize ...
0
votes
0
answers
15
views
Incompatible data table: Error: Table contains more columns than expected (Expecting 2 columns) error on two columns dataset
I want to create a basic visualization, I have a two columns dataset and I got Incompatible data table: Error: Table contains more columns than expected (Expecting 2 columns)
0: Array [ "Country&...
1
vote
0
answers
42
views
Dashed lines not working in Google Charts Line Chart with series toggle
I have been learning Google Charts using examples on here and have created a line chart in which I can toggle series on and off by clicking them in the legend.
I would also like to alternate between ...
1
vote
1
answer
19
views
Google visualization Chart x-axis not shown properly
Anyone have idea how to make the x-axis label shown properly like this ---> correct x-axis
Currently x-axis label shown like this ---> xAxis not shown properly
It look like the x-axis lable is ...
0
votes
0
answers
31
views
Is there a way to add a caption to a Google Chart? [closed]
I am creating charts on Google Sheets and I am trying to find a way to add text under them (=caption). I want the text to be part of the image file when exporting it (e.g. the same way the title is ...
2
votes
1
answer
93
views
How do I get a multiple-line subtitle in google sheet charts?
I am creating a bar chart in google sheet, recording it with a macro, and running the code for different data cases.
When the subtitle is too long, there is missing text on the chart, shown with ...
1
vote
1
answer
29
views
How to show different texts on x-axis ticks and on chart hover in Google column chart?
I want to show different texts on x-axis ticks and in tooltip, I tried setting up tick object in my data as {v: '2010', f: 'abc'}, but google column chart uses 'f' property for both axis label and ...
1
vote
1
answer
35
views
Show/hide/toggle Data Series on Google Chart by clicking Legend
I have a Google line chart which displays 11 different series of data. I want the user to be able to show/hide a series by clicking on the relevant series in the legend. I found this similar question ...
0
votes
0
answers
21
views
How to pass PHP arrays to Google Graph JavaScript function?
I am trying to output the contents of two arrays as the axis for a chart using Google's chart API.
I currently output the JavaScript function using PHP, which is where I feel the error is. I believe ...
0
votes
0
answers
14
views
Where can I find the options I can pass the ControlWrapper class in Google Charts
I'm trying to customize my rangeslider, instantiated by using new google.visualization.ControlWrapper(). I can't find the options that I can pass the function in the documentation, seems to be quite ...
0
votes
0
answers
34
views
Google Visualisation Api dashboard showing specific column values in piecharts
I have a created a dashboard from an sql query it is 90 columns and 500+ rows, I can display it all in a table but now I want to make pie charts displaying specific column data.
For example I have two ...
0
votes
0
answers
19
views
Google Line Chart change the color by value variation
I'm using Google line chart. I want to change the graph color change by the vAxis tick variation. For example...
case 1 : 0 <= value <= 20 , color : blue(Of course RGB code will input)
case 1 : ...
0
votes
0
answers
8
views
Not able to do zoom on mobile webview
Here is the sample code has used for Google line chart option.
explorer: {
axis: 'horizontal',
keepInBounds: true,
maxZoomIn: 4.0
}
0
votes
1
answer
21
views
How can I simulate a click event on a Google Chart?
E.g. using jQuery I do
$svg.find('g:nth-of-type(1) text').click()
but nothing happens, i.e. no select event is triggered.
The target element above is correct, it exists and it's in the middle of a ...
1
vote
2
answers
58
views
Google Charts in Tampermonkey Not Working
Thanks to this community for all the great help. I have been successful adding new JS functionality to some webpages with Tampermonkey. Now I am trying to show a Google Chart injected on a webpage. ...
1
vote
0
answers
28
views
google chart y-axis labels not shown
I am using google chart but there was one issue I don't know what's going wrong with it.
When I use the chart in normal mode yaxis labels are shown but when i put the chart in modal the labels are not ...
0
votes
0
answers
24
views
Google charts API & Angular: Ready event handler function not able to see chart instance
I'm using google charts API with Angular and I want to call the setSelection() method once the chart triggers its ready event, the problem is that the following code isn't working:
ngOnChanges(): void ...
1
vote
0
answers
21
views
Remove unnecessary top space in Google Charts
I have a problem with Google Charts, I get it to show what I want with the type of chart I need. When putting many values in the charts I have to increase the height of the chart, but at the same time ...
1
vote
0
answers
30
views
Google line chart multiple y-axis
I can't find out how to format the different y-axis. The two lines (hum, press) is not easy to read the values. can anyone point me in the right direction? I have not found any good description on how ...
1
vote
1
answer
68
views
Accessing a private Google sheet with a google cloud service account
I have a private Google Spreadsheet and I’m trying to access it programmatically using Google Visualization/Google Charts. I've created the service account, and I have tried using the google-auth-...
1
vote
1
answer
18
views
How do I change format vAxis for specific targetAxisIndex series in React Google Chart
I want to change the type line format series to percentage I try this config:
vAxis: {
minValue: 0,
maxValue: 1,
gridlines: { count: 10 },
minorGridlines: { count: 0 },
// Format for ...
2
votes
1
answer
67
views
Hide column in react google charts
In regular google charts I used to hide a column in google charts that didn't want to appear with below steps.
view = new google.visualization.DataView(data);
view.hideColumns([2]);
chart.draw(view, ...
4
votes
1
answer
245
views
How to create a bar or column chart inside a table cell of each row
I need to create a bar or column chart inside a table cell of each row.
here is my json
[
{
"Chocolate": [
{
"kisses": [
{
"2022"...
1
vote
1
answer
76
views
Legends not showing properly in google pie chart
I am changing labels, to protect data by replacing it with dummy data with same length.
enter image description here
Code Link: https://jsfiddle.net/p_raveen/L84wnc6d/
I am ready to make size of pie ...
1
vote
1
answer
70
views
Google Sheet gviz csv export - two column labels not exporting
I'm trying to export this Sheet to a csv for use in a webmap using this link:
https://docs.google.com/spreadsheets/d/1XQnp7RK-Ddq4wCjpHjmcnVEKood1U08kIfRGr8sDRoU/gviz/tq?tqx=out:csv&sheet=Sheet1
...
0
votes
0
answers
30
views
display data on a Google chart
I have a survey on my asp.net web application and I would like to display the result on a google pie chart
<script type="text/javascript" src="https://www.gstatic.com/charts/loader....
0
votes
0
answers
41
views
Loading Google visualization API before/during page load
I am in a scenario where I need to display a google chart that is presentable and ready to display "before" the entire page loads. I've tried loading modules using the "...
0
votes
0
answers
21
views
google charts with data from spreadsheet "data table is not defined"
I'm trying to let a google chart draw with data from a google spreadsheet.
That works very well when I use the code in jsfiddle. But when I paste the code in a html file and try to open it in a ...
1
vote
1
answer
37
views
Google graphs not following the sequence of points
I am creating a web app with a table of x,y & α,β for the user to input and graphing them on google line chart as 2 different series. However, the google chart does not follow the sequence of the ...
0
votes
1
answer
43
views
Google charts timeline with relative "timestamps"
I'm trying to visualise speedrun times in a linechart, per date. I have the following data:
ID
Date
Time
1
2021-10-20 00:00:00
1:59:11.19
2
2021-10-21 00:00:00
1:55:33.43
3
2021-10-22 00:00:00
1:...
0
votes
0
answers
36
views
google visualization - Creating a table chart and category filter
I am very new to javascript, google app script and google visualization so apologies if my questions are a bit elementary.
My use case:
I am building a web app for yoga company where members are ...
0
votes
0
answers
51
views
Is there a way to modify the leader line items display total in addition to percentage in Google Apps Script generated pie chart?
Is there a way to adjust the leader line labels on a pie chart generated using Google Apps Script in Google Docs? Currently the lines show the label and the percentage of the slice.
Ideally, I'd like ...