Re: [visualization-api] Re: Is There any problem on chart api
Appreciate the extra time. We're in the same boat, older versions of that library used the deprecated API. We've upgraded to the latest version which generates the image itself, we just need a few days to test and deploy. On Wednesday, January 17, 2024 at 7:13:11 AM UTC-5 Jon Orwant wrote: > OK. Please hurry, though! > > > > On Wed, Jan 17, 2024 at 7:06 AM 'Win Paing Soe' via Google Visualization > API wrote: > >> We are using GoogleAuthenticator NuGet package to generate QR code to use >> with Authenticator Apps for OTP and just realized "chart.googleapis.com" >> is shutting down. (First time we're hearing of it, too) >> Appreciate if we could have few more days or a couple of weeks while we >> are migrating to the other solutions, Jon. >> >> >> >> On Wednesday, January 17, 2024 at 2:30:21 AM UTC+7 Josh Weiss wrote: >> >>> Thanks! >>> >>> On Tuesday, January 16, 2024 at 2:18:20 PM UTC-5 Jon Orwant wrote: >>> >>>> I've turned it back on for the rest of the day but will have another >>>> blackout tomorrow. >>>> >>>> On Tuesday, January 16, 2024 at 2:17:32 PM UTC-5 wei...@gmail.com >>>> wrote: >>>> >>>>> Hi Jon, any chance you can turn it back on? This is the first we're >>>>> hearing of it. We'll migrate off as soon as we can, but it might take a >>>>> few >>>>> days. >>>>> >>>>> Thanks! >>>>> >>>>> On Tuesday, January 16, 2024 at 10:02:27 AM UTC-5 Jon Orwant wrote: >>>>> >>>>>> chart.googleapis.com and chart.apis.google.com are the same; neither >>>>>> should be used and were deprecated in 2012. >>>>>> >>>>>> For QR codes, there are non-Google solutions that people have >>>>>> reported success with. You'll find those solutions in the archive of >>>>>> this >>>>>> list. >>>>>> >>>>>> On Tue, Jan 16, 2024 at 10:00 AM Vishwanath Nagur >>>>>> wrote: >>>>>> >>>>>>> Hi Jon >>>>>>> >>>>>>> https://chart.googleapis.com/chart ~~~ is throwing 502 because of >>>>>>> the reasons you mentioned. >>>>>>> Is https://chart.apis.google.com/chart? ~~~ also part of [ Google >>>>>>> Image Charts API] for shutting down? Or this is the one with which we >>>>>>> need >>>>>>> to replace with? >>>>>>> >>>>>>> I don't find any information for QR code generation on actively >>>>>>> maintained Charts help - https://developers.google.com/chart >>>>>>> Can you please guide me for an alternate service? >>>>>>> >>>>>>> Appreciate your help on this. >>>>>>> >>>>>>> On Tuesday, January 16, 2024 at 6:48:29 AM UTC+9 Jon Orwant wrote: >>>>>>> >>>>>>>> Sorry. If users aren't monitoring the groups, there's no way to >>>>>>>> reach them other than shutting off the service and hoping people >>>>>>>> notice. >>>>>>>> >>>>>>>> On Monday, January 15, 2024 at 4:45:23 PM UTC-5 sc...@wunderkind.co >>>>>>>> wrote: >>>>>>>> >>>>>>>>> We're also SO dependent on Google Image Charts. We have them >>>>>>>>> embedded in all of our Looker emails. We'll begin a migration process >>>>>>>>> to >>>>>>>>> something else, but will also appreciate as much time as we can get. >>>>>>>>> >>>>>>>>> Jon -- we appreciate y'all not completely shutting it off, but it >>>>>>>>> was really unclear if the downtime was intentional until I found this >>>>>>>>> thread. >>>>>>>>> >>>>>>>>> On Monday, January 15, 2024 at 11:11:02 AM UTC-5 Thien Vu wrote: >>>>>>>>> >>>>>>>>>> Hi Jon, >>>>>>>>>> >>>>>>>>>> We need time to develop our own solution. Can you keep the >>>>>>>>>> service running as much as possible? if not keep the service running >>>>>>>>>&g
Re: [visualization-api] Re: Is There any problem on chart api
Thanks! On Tuesday, January 16, 2024 at 2:18:20 PM UTC-5 Jon Orwant wrote: > I've turned it back on for the rest of the day but will have another > blackout tomorrow. > > On Tuesday, January 16, 2024 at 2:17:32 PM UTC-5 wei...@gmail.com wrote: > >> Hi Jon, any chance you can turn it back on? This is the first we're >> hearing of it. We'll migrate off as soon as we can, but it might take a few >> days. >> >> Thanks! >> >> On Tuesday, January 16, 2024 at 10:02:27 AM UTC-5 Jon Orwant wrote: >> >>> chart.googleapis.com and chart.apis.google.com are the same; neither >>> should be used and were deprecated in 2012. >>> >>> For QR codes, there are non-Google solutions that people have reported >>> success with. You'll find those solutions in the archive of this list. >>> >>> On Tue, Jan 16, 2024 at 10:00 AM Vishwanath Nagur >>> wrote: >>> Hi Jon https://chart.googleapis.com/chart ~~~ is throwing 502 because of the reasons you mentioned. Is https://chart.apis.google.com/chart? ~~~ also part of [ Google Image Charts API] for shutting down? Or this is the one with which we need to replace with? I don't find any information for QR code generation on actively maintained Charts help - https://developers.google.com/chart Can you please guide me for an alternate service? Appreciate your help on this. On Tuesday, January 16, 2024 at 6:48:29 AM UTC+9 Jon Orwant wrote: > Sorry. If users aren't monitoring the groups, there's no way to reach > them other than shutting off the service and hoping people notice. > > On Monday, January 15, 2024 at 4:45:23 PM UTC-5 sc...@wunderkind.co > wrote: > >> We're also SO dependent on Google Image Charts. We have them embedded >> in all of our Looker emails. We'll begin a migration process to >> something >> else, but will also appreciate as much time as we can get. >> >> Jon -- we appreciate y'all not completely shutting it off, but it was >> really unclear if the downtime was intentional until I found this >> thread. >> >> On Monday, January 15, 2024 at 11:11:02 AM UTC-5 Thien Vu wrote: >> >>> Hi Jon, >>> >>> We need time to develop our own solution. Can you keep the service >>> running as much as possible? if not keep the service running for long >>> time, >>> please give us the deadline, thanks for your support. >>> >>> Regards, Thien >>> On Monday, January 15, 2024 at 2:49:09 PM UTC+7 Jon Orwant wrote: >>> I've turned it back on for the moment. Please migrate ASAP, though! On Mon, Jan 15, 2024 at 2:43 AM Thien Vu wrote: > Hi Jon, > > We are using https://chart.googleapis.com/chart to generate QR > code, we experienced error 502, can you please temporarily turn it on > for a > few days for a temporary solution urgently? We will replace the > service in > the meantime. > > On Thursday, January 11, 2024 at 1:56:28 AM UTC+7 Jon Orwant wrote: > >> Just turned it back on. We don't have a fixed schedule other than >> "several hours every day". If there's a particular day/time period >> you need >> the service up, I can accommodate, but please do migrate off of it >> ASAP! >> >> Jon >> >> On Wednesday, January 10, 2024 at 1:54:34 PM UTC-5 >> br...@hemesath.net wrote: >> >>> Is this service now 100% off / deactivated? >>> >>> If not, is there a blackout schedule that you can share? >>> >>> >>> >>> On Wednesday, January 10, 2024 at 8:41:26 AM UTC-6 Stefan wrote: >>> Hi Jon, Yesterday i got 502 also for generating qr code images, but today is working well. Should i change to another solution to create this QR code images? i i checked, google api images was deprecated Thanks Stefan On Saturday, January 6, 2024 at 1:53:45 AM UTC+7 Jon Orwant wrote: > Approximately: > > Wednesday from 1818 to 1935 GMT > Thursday from 1710 to 1930 GMT > Today from 1530 to 1815 GMT > > Jon > > On Friday, January 5, 2024 at 1:48:23 PM UTC-5 > alperen.k...@useinsider.com wrote: > >> Hey Jon, >> Can you tell me exactly when you closed it? >> >> On Friday 5 January 2024 at 21:14:42 UTC+3 Jon Orwant wrote: >> >> It's been on the documentation page for many years: >> https://developers.google.com/chart/image
Re: [visualization-api] Re: Is There any problem on chart api
Hi Jon, any chance you can turn it back on? This is the first we're hearing of it. We'll migrate off as soon as we can, but it might take a few days. Thanks! On Tuesday, January 16, 2024 at 10:02:27 AM UTC-5 Jon Orwant wrote: > chart.googleapis.com and chart.apis.google.com are the same; neither > should be used and were deprecated in 2012. > > For QR codes, there are non-Google solutions that people have reported > success with. You'll find those solutions in the archive of this list. > > On Tue, Jan 16, 2024 at 10:00 AM Vishwanath Nagur > wrote: > >> Hi Jon >> >> https://chart.googleapis.com/chart ~~~ is throwing 502 because of the >> reasons you mentioned. >> Is https://chart.apis.google.com/chart? ~~~ also part of [ Google Image >> Charts API] for shutting down? Or this is the one with which we need to >> replace with? >> >> I don't find any information for QR code generation on actively >> maintained Charts help - https://developers.google.com/chart >> Can you please guide me for an alternate service? >> >> Appreciate your help on this. >> >> On Tuesday, January 16, 2024 at 6:48:29 AM UTC+9 Jon Orwant wrote: >> >>> Sorry. If users aren't monitoring the groups, there's no way to reach >>> them other than shutting off the service and hoping people notice. >>> >>> On Monday, January 15, 2024 at 4:45:23 PM UTC-5 sc...@wunderkind.co >>> wrote: >>> We're also SO dependent on Google Image Charts. We have them embedded in all of our Looker emails. We'll begin a migration process to something else, but will also appreciate as much time as we can get. Jon -- we appreciate y'all not completely shutting it off, but it was really unclear if the downtime was intentional until I found this thread. On Monday, January 15, 2024 at 11:11:02 AM UTC-5 Thien Vu wrote: > Hi Jon, > > We need time to develop our own solution. Can you keep the service > running as much as possible? if not keep the service running for long > time, > please give us the deadline, thanks for your support. > > Regards, Thien > On Monday, January 15, 2024 at 2:49:09 PM UTC+7 Jon Orwant wrote: > >> I've turned it back on for the moment. Please migrate ASAP, though! >> >> >> >> On Mon, Jan 15, 2024 at 2:43 AM Thien Vu wrote: >> >>> Hi Jon, >>> >>> We are using https://chart.googleapis.com/chart to generate QR >>> code, we experienced error 502, can you please temporarily turn it on >>> for a >>> few days for a temporary solution urgently? We will replace the service >>> in >>> the meantime. >>> >>> On Thursday, January 11, 2024 at 1:56:28 AM UTC+7 Jon Orwant wrote: >>> Just turned it back on. We don't have a fixed schedule other than "several hours every day". If there's a particular day/time period you need the service up, I can accommodate, but please do migrate off of it ASAP! Jon On Wednesday, January 10, 2024 at 1:54:34 PM UTC-5 br...@hemesath.net wrote: > Is this service now 100% off / deactivated? > > If not, is there a blackout schedule that you can share? > > > > On Wednesday, January 10, 2024 at 8:41:26 AM UTC-6 Stefan wrote: > >> Hi Jon, >> >> Yesterday i got 502 also for generating qr code images, but today >> is working well. Should i change to another solution to create this >> QR code >> images? i i checked, google api images was deprecated >> >> Thanks >> Stefan >> >> On Saturday, January 6, 2024 at 1:53:45 AM UTC+7 Jon Orwant wrote: >> >>> Approximately: >>> >>> Wednesday from 1818 to 1935 GMT >>> Thursday from 1710 to 1930 GMT >>> Today from 1530 to 1815 GMT >>> >>> Jon >>> >>> On Friday, January 5, 2024 at 1:48:23 PM UTC-5 >>> alperen.k...@useinsider.com wrote: >>> Hey Jon, Can you tell me exactly when you closed it? On Friday 5 January 2024 at 21:14:42 UTC+3 Jon Orwant wrote: It's been on the documentation page for many years: https://developers.google.com/chart/image It's not in the HTTP response. I'm not even sure whether it's possible to put free text into an HTTP response, although I concede that would have been a good thing to do if so. Ultimately the only effective mechanism we had was to turn the service off for increasingly long periods of time. My apologies that we didn't have a better solution. I'll turn it back on now, but will turn it off
[visualization-api] IE9 Issue (undefined)
Hi, I'm developing some charts for use across all supported browsers and am
getting an error only in IE9. Console states either: gvjs_wa is undefined,
gvjs_t is undefined or gvjs_uz is undefined.
Thanks!
https://www.gstatic.com/charts/loader.js";>
https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js";>
function drawGLine() {
var bin =JSON.parse('[0.65, 0.78, 1.16, 1.68, 2.0, 2.56, 3.03,
3.65, 4.51, 5.16, 6.0, 6.58, 7.47, 8.57, 9.58, 10.38, 11.28, 12.25, 13.03,
13.78, 14.8, 15.69, 16.49, 17.33, 18.06, 18.96, 20.49, 21.85, 22.94, 24.14,
25.31, 26.27, 27.22, 28.12, 29.87, 31.56, 32.58, 33.67, 35.14, 37.33,
38.41, 40.02, 41.87, 43.31, 44.98, 46.03, 47.84, 49.1, 50.81, 52.38, 54.17,
55.37, 57.3, 59.13, 61.14, 63.39, 64.43, 65.92, 67.53, 69.04, 70.82, 72.07,
73.17, 74.9, 76.63, 78.16, 79.2, 80.33, 81.09, 82.36, 83.34, 84.35, 85.27,
86.48, 87.58, 88.37, 89.25, 89.89, 90.68, 91.24, 92.2, 92.83, 93.87, 94.82,
95.38, 95.94, 96.58, 97.21, 97.45, 97.85, 98.25, 98.57, 98.81, 98.81,
99.28, 99.44, 99.44, 99.6, 99.84, 100.0, 100.0]');
var culmativeData =JSON.parse('[0.0, 7.0, 14.0, 21.0, 28.0,
34.0, 41.0, 48.0, 55.0, 62.0, 69.0, 76.0, 83.0, 89.0, 96.0, 103.0, 110.0,
117.0, 124.0, 131.0, 138.0, 144.0, 151.0, 158.0, 165.0, 172.0, 179.0,
186.0, 193.0, 200.0, 206.0, 213.0, 220.0, 227.0, 234.0, 241.0, 248.0,
255.0, 261.0, 268.0, 275.0, 282.0, 289.0, 296.0, 303.0, 310.0, 316.0,
323.0, 330.0, 337.0, 344.0, 351.0, 358.0, 365.0, 372.0, 378.0, 385.0,
392.0, 399.0, 406.0, 413.0, 420.0, 427.0, 433.0, 440.0, 447.0, 454.0,
461.0, 468.0, 475.0, 482.0, 488.0, 495.0, 502.0, 509.0, 516.0, 523.0,
530.0, 537.0, 544.0, 550.0, 557.0, 564.0, 571.0, 578.0, 585.0, 592.0,
599.0, 605.0, 612.0, 619.0, 626.0, 633.0, 640.0, 647.0, 654.0, 660.0,
667.0, 674.0, 681.0, 688.0]');
var dataArray = [['X','Test']];
for(i = 0; i < bin.length; i++){
dataArray.push([culmativeData[i], bin[i]]);
}
var data = new google.visualization.arrayToDataTable(dataArray);
var options = {
title: 'Test',
curveType: 'function',
legend: { position: 'bottom' },
vAxis:{ title:'Probability (%)',
viewWindow:{ min:0, max: 100}
},
hAxis:{ title:'Cost',
format: 'currency'}
};
var chart = new google.charts.Line(document.getElementById(
'chart'));
chart.draw(data, google.charts.Line.convertOptions(options));
}
$( document ).ready(function(){
google.charts.load('current', {'packages':['line']});
google.charts.setOnLoadCallback(drawGLine);
});
--
You received this message because you are subscribed to the Google Groups
"Google Visualization API" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to google-visualization-api+unsubscr...@googlegroups.com.
To post to this group, send email to google-visualization-api@googlegroups.com.
Visit this group at https://groups.google.com/group/google-visualization-api.
To view this discussion on the web visit
https://groups.google.com/d/msgid/google-visualization-api/34763052-2701-4234-8ed8-6fa787f07679%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
[visualization-api] Re: invalid JSON for Google Visualization API in Chrome - - but works in IE- need help!!!
For some reason I can understand - Chrome simply doesn't like the "options"
string - but it works in IE
chart.draw(data, options);
this is the options data :{"title":"Annual MI
Report","legend":"bottom","hAxis":{"title":"Year","format":"#"},"vAxis":{"minValue":"0","maxValue":"100","title":"Major
Incident
Count"},"chartArea":{"left":"100","top":"50","width":"70%","height":"50%"},"animation":{"duration":"1000"}}
this is the data
:"{\"cols\":[{\"label\":\"Year\",\"type\":\"number\"},{\"label\":\"HPE\",\"type\":\"number\"},{\"label\":\"HPI\",\"type\":\"number\"},{\"label\":\"HPE/HPI\",\"type\":\"number\"}],\"rows\":[{\"c\":[{\"v\":2010},{\"v\":50},{\"v\":42},{\"v\":3}]},{\"c\":[{\"v\":2011},{\"v\":45},{\"v\":22},{\"v\":2}]},{\"c\":[{\"v\":2012},{\"v\":80},{\"v\":33},{\"v\":7}]},{\"c\":[{\"v\":2013},{\"v\":55},{\"v\":44},{\"v\":8}]},{\"c\":[{\"v\":2014},{\"v\":70},{\"v\":55},{\"v\":4}]},{\"c\":[{\"v\":2015},{\"v\":66},{\"v\":8},{\"v\":11}]},{\"c\":[{\"v\":2016},{\"v\":22},{\"v\":11},{\"v\":5}]}]}"
On Wednesday, September 21, 2016 at 11:53:35 AM UTC-5, josh carrillo wrote:
>
>
> Invalid JSON string: {"title":"Annual MI
> Report","legend":"bottom","hAxis":{"title":"Year","format":"#"},"vAxis":{"minValue":0,"maxValue":100,"title":"Major
>
> Incident
> Count"},"chartArea":{"left":100,"top":50,"width":"70%","height":"50%"},"animation":{"duration":1000}}
> ×
>
>
> I'm working on MVC5 project with the attached code
>
> Need assistance resolving error message in Chrome, very odd this api works
> in IE
>
>
>
>
> <https://lh3.googleusercontent.com/-A64bket_ljc/V-Km31qwWVI/AXo/nFHK6hnkiiI9w-5AV1jYXQj019mQaE8eACLcB/s1600/chart%2Bdoesn_t%2Bwork%2Bin%2Bchrome.jpg>
>
> <https://lh3.googleusercontent.com/-L8m9jQzXe1Y/V-Km9PRSbeI/AXs/xRLMleUdU8UmA0eYo3RVxGpZBO028xgdQCLcB/s1600/chart%2Bworks%2Bin%2BIE.jpg>
>
>
>
--
You received this message because you are subscribed to the Google Groups
"Google Visualization API" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to google-visualization-api+unsubscr...@googlegroups.com.
To post to this group, send email to google-visualization-api@googlegroups.com.
Visit this group at https://groups.google.com/group/google-visualization-api.
To view this discussion on the web visit
https://groups.google.com/d/msgid/google-visualization-api/fcf987eb-2750-4077-934c-1a0ab56b56d5%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
[visualization-api] Re: invalid JSON for Google Visualization API - need help
Hi Daniel, I re-posted a new thread, since the img didn't go through. The link is below to the new thread: https://groups.google.com/forum/#!topic/google-visualization-api/m-o1DjSXZp0 sorry for any confusion. Josh On Wednesday, September 21, 2016 at 12:13:51 PM UTC-5, Daniel LaLiberte wrote: > > Hi Josh, > > This post ends up looking empty. You'll need to post HTML encoded so that > it doesn't get processed by email programs as HTML. > > Better than posting your code, could you post a link to your web page? > That way we have a chance of actually using it and seeing the problem as > you are seeing it. > > > On Wednesday, September 21, 2016 at 11:18:17 AM UTC-4, josh carrillo wrote: >> >> Can you assist with JSON issue with chrome browser for visualization >> API? - I saw you resolved a few JSON issues before in the groups. >> >> >> >> I’m working on a MVC5 project and I’m getting error in Chrome, but it >> works fine in IE; which is really odd to me…. >> >> >> >> >> >> >> >> >> >> >> >> >> > -- You received this message because you are subscribed to the Google Groups "Google Visualization API" group. To unsubscribe from this group and stop receiving emails from it, send an email to google-visualization-api+unsubscr...@googlegroups.com. To post to this group, send email to google-visualization-api@googlegroups.com. Visit this group at https://groups.google.com/group/google-visualization-api. To view this discussion on the web visit https://groups.google.com/d/msgid/google-visualization-api/9d794689-1edc-430f-ba5a-4bc7485b4415%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
[visualization-api] invalid JSON for Google Visualization API - need help
Can you assist with JSON issue with chrome browser for visualization API? - I saw you resolved a few JSON issues before in the groups. I’m working on a MVC5 project and I’m getting error in Chrome, but it works fine in IE; which is really odd to me…. -- You received this message because you are subscribed to the Google Groups "Google Visualization API" group. To unsubscribe from this group and stop receiving emails from it, send an email to google-visualization-api+unsubscr...@googlegroups.com. To post to this group, send email to google-visualization-api@googlegroups.com. Visit this group at https://groups.google.com/group/google-visualization-api. To view this discussion on the web visit https://groups.google.com/d/msgid/google-visualization-api/f1f7f214-59a1-4607-b662-d2a5ffe5a92c%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
[visualization-api] Refused to execute inline script because it violates the following Content Security Policy directive -- Please help!
I've been unable to implement this component within my MVC 5 project,
hoping someone knows what I'm missing.
Keep getting the following error message:
Refused to execute inline script because it violates the following Content
Security Policy directive: "script-src 'self' ajax.googleapis.com
ajax.aspnetcdn.com". Either the 'unsafe-inline' keyword, a hash
('sha256-8fq9qms9vvqSd+oHtoALWzFES/gnzPLa/qckFLuLJbg='), or a nonce
('nonce-...') is required to enable inline execution.
from the following code segment; which is in my current Column view:
@{
ViewBag.Title = "Column";
}
Annual MI Chart
@*https://www.google.com/jsapi";>*@
@* store locally instead *@
@section Scripts{
google.load('visualization', '1', { packages: ['corechart'] });
$(document).ready(function () {
//Load Data Here
var chartData = null;
$.ajax({
url: '/YearChart/GetAnnualMIData',
type: 'GET',
dataType: 'json',
data: '',
success: function (d) {
chartData = d;
},
error: function () {
alert('Error!');
}
}).done(function () {
drawChart(chartData);
});
});
function drawChart(d) {
var chartData = d;
var data = null;
data = google.visualization.arrayToDataTable(chartData);
var view = new google.visualization.DataView(data);
view.setColumns([0, {
type: 'number',
label: data.getColumnLabel(0),
calc: function () { return 0; }
}, {
type: 'number',
label: data.getColumnLabel(1),
calc: function () { return 0; }
}, {
type: 'number',
label: data.getColumnLabel(2),
calc: function () { return 0; }
}, {
type: 'number',
label: data.getColumnLabel(3),
calc: function () { return 0; }
}]);
var chart = new
google.visualization.ColumnChart(document.getElementById('visualization'));
var options = {
title: 'Annual MI Report',
legend: 'bottom',
hAxis: {
title: 'Year',
format: '#'
},
vAxis: {
minValue: 0,
maxValue: 100,
title: 'Major Incident Count'
},
chartArea: {
left: 100, top: 50, width: '70%', height: '50%'
},
animation: {
duration: 1000
}
};
var runFirstTime =
google.visualization.events.addListener(chart, 'ready', function () {
google.visualization.events.removeListener(runFirstTime);
chart.draw(data, options);
});
chart.draw(view, options);
}
}
--
You received this message because you are subscribed to the Google Groups
"Google Visualization API" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to google-visualization-api+unsubscr...@googlegroups.com.
To post to this group, send email to google-visualization-api@googlegroups.com.
Visit this group at https://groups.google.com/group/google-visualization-api.
To view this discussion on the web visit
https://groups.google.com/d/msgid/google-visualization-api/3d33cec8-8608-4e0c-8d00-97fd510778c6%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
[visualization-api] "ReferenceError: "google" is not defined" When trying to do charting example from Documentation
I'm trying to build a chart from a google spreadsheet and embed it in
another google spreadsheet. As a starting point, I wanted to just test the
example given on this
page:
https://developers.google.com/chart/interactive/docs/spreadsheets#sheet-name
So I made a new spreadsheet, opened the script editor and pasted the
example code into it:
function drawSheetName() {
var queryString = encodeURIComponent('SELECT A, H, O, Q, R, U LIMIT 5
OFFSET 8');
var query = new google.visualization.Query(
'https://docs.google.com/spreadsheets/d/1XWJLkAwch5GXAt_7zOFDcg8Wm8Xv29_8PWuuW15qmAE/gviz/tq?sheet=Sheet1=1='
+ queryString);
query.send(handleSampleDataQueryResponse);
}
function handleSampleDataQueryResponse(response) {
if (response.isError()) {
alert('Error in query: ' + response.getMessage() + ' ' +
response.getDetailedMessage());
return;
}
var data = response.getDataTable();
var chart = new
google.visualization.ColumnChart(document.getElementById('chart_div'));
chart.draw(data, { height: 400 });
}
I then created a shape in my google sheet and assigned the script
"drawSheetName" to it. Upon clicking the shape, I get the
error: ReferenceError: "google" is not defined.
What am I doing wrong here?
--
You received this message because you are subscribed to the Google Groups
"Google Visualization API" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to google-visualization-api+unsubscr...@googlegroups.com.
To post to this group, send email to google-visualization-api@googlegroups.com.
Visit this group at https://groups.google.com/group/google-visualization-api.
To view this discussion on the web visit
https://groups.google.com/d/msgid/google-visualization-api/96c3190b-5d27-4152-9296-fb4c602eca60%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
[visualization-api] Line chart that shows time duration/passed.
I am trying to display a chart, both line and bubble. The data I am using is oddly formatted and I am having trouble finding something that is helpful. The datat file looks like: 000:00:00:00 SATM 25 001:12:00:00 SATM 50 The time-stamp is of the format days:hours:minutes:seconds. Any ideas on how I could effectively graph this data? -- You received this message because you are subscribed to the Google Groups "Google Visualization API" group. To unsubscribe from this group and stop receiving emails from it, send an email to google-visualization-api+unsubscr...@googlegroups.com. To post to this group, send email to google-visualization-api@googlegroups.com. Visit this group at https://groups.google.com/group/google-visualization-api. To view this discussion on the web visit https://groups.google.com/d/msgid/google-visualization-api/4a5f686b-37e6-417c-972f-a18db55c54f8%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
Re: [visualization-api] Displaying Multiple Gantt Charts in 1.1
I can confirm this is fixed with the method Sergey provided. See below: https://jsfiddle.net/t7b2shrj/1/ On Tuesday, November 17, 2015 at 9:37:28 AM UTC-5, Sergey wrote: > > Hi Akansksha, > > This issue should be fixed in release 43, which is only available in > frozen versions. > > Here is an example of using Gantt with frozen 43: > https://jsfiddle.net/t7b2shrj/ > > On Tuesday, November 17, 2015 at 12:15:59 AM UTC-5, Akanksha Dabadghao > wrote: >> >> Hi Sergey, >>> >>> >> Has this issue been resolved yet. I am trying to load multiple gantt >> charts, but only 1 gets rendered. I saw there were frozen versions >> available for google charts, but it didn work with gantt charts. >> >> Thank. >> Akanksha >> > -- You received this message because you are subscribed to the Google Groups "Google Visualization API" group. To unsubscribe from this group and stop receiving emails from it, send an email to google-visualization-api+unsubscr...@googlegroups.com. To post to this group, send email to google-visualization-api@googlegroups.com. Visit this group at http://groups.google.com/group/google-visualization-api. To view this discussion on the web visit https://groups.google.com/d/msgid/google-visualization-api/e948a4bb-2bec-4472-9e60-bd8ea5a4d335%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
Re: [visualization-api] Displaying Multiple Gantt Charts in 1.1
I can confirm this is fixed with the method Sergey provided see below: https://jsfiddle.net/t7b2shrj/ On Tuesday, November 17, 2015 at 9:37:28 AM UTC-5, Sergey wrote: > > Hi Akansksha, > > This issue should be fixed in release 43, which is only available in > frozen versions. > > Here is an example of using Gantt with frozen 43: > https://jsfiddle.net/t7b2shrj/ > > On Tuesday, November 17, 2015 at 12:15:59 AM UTC-5, Akanksha Dabadghao > wrote: >> >> Hi Sergey, >>> >>> >> Has this issue been resolved yet. I am trying to load multiple gantt >> charts, but only 1 gets rendered. I saw there were frozen versions >> available for google charts, but it didn work with gantt charts. >> >> Thank. >> Akanksha >> > -- You received this message because you are subscribed to the Google Groups "Google Visualization API" group. To unsubscribe from this group and stop receiving emails from it, send an email to google-visualization-api+unsubscr...@googlegroups.com. To post to this group, send email to google-visualization-api@googlegroups.com. Visit this group at http://groups.google.com/group/google-visualization-api. To view this discussion on the web visit https://groups.google.com/d/msgid/google-visualization-api/fac899c4-e04b-4d6a-bb47-272e1b1e61a8%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
[visualization-api] Displaying Multiple Gantt Charts in 1.1
I have run into an issue where trying to display multiple Gantt Charts on the same page does not work. I can render one or the other, but never both at the same time. See below fiddle for example: https://jsfiddle.net/42hzdvL8/3/ I can successfully render two Bar Charts together without issue, but the second Gantt Chart does not render. If you comment out the chart1() function (line 95) or the chart2() function (line 96) you can see that if you comment out one chart, the other will display just fine. I realize that this chart type is currently under Beta status, but has this issue been observed or am I misunderstanding something about the API? -- You received this message because you are subscribed to the Google Groups "Google Visualization API" group. To unsubscribe from this group and stop receiving emails from it, send an email to google-visualization-api+unsubscr...@googlegroups.com. To post to this group, send email to google-visualization-api@googlegroups.com. Visit this group at http://groups.google.com/group/google-visualization-api. To view this discussion on the web visit https://groups.google.com/d/msgid/google-visualization-api/ddc229e5-3107-4390-b198-bf0c1d9587f7%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
[visualization-api] Changing the color of Motion Chart
Hello, I am new to the Google Charts platform and need a little help from someone who is more experienced. I have a motion chart configured as a Bubble Chart. I have data represented on the X and Y axis' as well as in the Size of the Bubble and Color of the line My question is around the color of the line. The chart can be configured to change the color of the line based on supplied data. The data I supply is demand for a given product (Growing, Declining, Steady State). When that data is selected the chart will change the color of the line based on the change in demand over time. The chart automatically selects the colors Blue, Green and Yellow for these states. Is there a way to change those color options? Ive attached an image of what I am referring to. Thank you for any help you can provide. Josh https://lh6.googleusercontent.com/-RfPGsjwoXSw/VQr_bJ6rmZI/Alw/e7Gtam_OAEY/s1600/2015-03-19_10-53-24.gif https://lh6.googleusercontent.com/-RfPGsjwoXSw/VQr_bJ6rmZI/Alw/e7Gtam_OAEY/s1600/2015-03-19_10-53-24.gif -- You received this message because you are subscribed to the Google Groups Google Visualization API group. To unsubscribe from this group and stop receiving emails from it, send an email to google-visualization-api+unsubscr...@googlegroups.com. To post to this group, send email to google-visualization-api@googlegroups.com. Visit this group at http://groups.google.com/group/google-visualization-api. For more options, visit https://groups.google.com/d/optout.
Re: [visualization-api] Word Tree IDs
Hi Jon, Thanks for the reply. I actually have been using the Org Chart all along, but I was wondering if Word Tree was going to replace Org Chart. I remember reading that Org Chart was either going away or being overhauled, so I'm anxious to see what happens. In my scenario, I'm using Org Chart to show people, who they supervise and who supervises them. It's pretty simple I think. Some people supervise 15 people, some people are new they don't supervise anyone. So my problem is, the chart ends up being like 15,000 pixels wide because each person's bubble won't align underneath another person's bubble. I'll have to post a screenshot. But what that means is, everyone (we're talking 100-150 people) gets their own column in the chart. Therefore, it's so wide that it's not really presentable. I don't think it's a bug, but it would certainly make a huge difference if it could be worked out somehow. Picky picky, I know. But anyway, thanks for the message. I'll toy with Word Tree and we'll see what happens. Thanks, Josh On Wednesday, October 15, 2014 5:34:20 PM UTC-5, orw...@google.com wrote: Hi Josh, there are no promises in life, but you're safe. (static boss is a great concept. Very Big Brotherish.) And just FYI, we already have org charts: https://developers.google.com/chart/interactive/docs/gallery/orgchart Jon On Wed, Oct 15, 2014 at 6:13 PM, Josh Beagley joshua@gmail.com javascript: wrote: So I'm trying my hand at explicit Word Trees to make an org chart, and I'm wanting to use IDs which are already in my database. They don't begin with 0, and several numbers are missing since people have left. The following *works by default*: nodeListData.addRow([0, 'Boss', -1, 1, 'black']); nodeListData.addRow([1, 'Child 1', 0, 1, 'black']); nodeListData.addRow([2, 'Child 2', 0, 1, 'black']); This *does not work*: (some kind of Tu error) nodeListData.addRow([500, 'Boss', -1, 1, 'black']); nodeListData.addRow([550, 'Child 1', 500, 1, 'black']); nodeListData.addRow([600, 'Child 2', 500, 1, 'black']); This *does appear to work*: nodeListData.addRow([0, 'Unknown', -1, 1, 'black']); nodeListData.addRow([500, 'Boss', 0, 1, 'black']); nodeListData.addRow([550, 'Child 1', 500, 1, 'black']); nodeListData.addRow([600, 'Child 2', 500, 1, 'black']); In the last example, I basically added a static boss that even the highest ranking boss would belong to, this way we always have a zero (0) ID. It seems that as long as I have a 0 ID, I can skip any other number. Am I safe to continue using it like this or will I run into troubles later on? Thanks! - Josh -- You received this message because you are subscribed to the Google Groups Google Visualization API group. To unsubscribe from this group and stop receiving emails from it, send an email to google-visualization-api+unsubscr...@googlegroups.com javascript:. To post to this group, send email to google-visua...@googlegroups.com javascript:. Visit this group at http://groups.google.com/group/google-visualization-api. For more options, visit https://groups.google.com/d/optout. -- You received this message because you are subscribed to the Google Groups Google Visualization API group. To unsubscribe from this group and stop receiving emails from it, send an email to google-visualization-api+unsubscr...@googlegroups.com. To post to this group, send email to google-visualization-api@googlegroups.com. Visit this group at http://groups.google.com/group/google-visualization-api. For more options, visit https://groups.google.com/d/optout.
Re: [visualization-api] Word Tree IDs
See screenshot. The chart is super wide, so this is basically the middle of it. You can see how the bubbles don't align themselves under anything above... most of the time. If I could get them to cozy up, that would be perfect. On Thursday, October 23, 2014 1:22:41 AM UTC-5, Josh Beagley wrote: Hi Jon, Thanks for the reply. I actually have been using the Org Chart all along, but I was wondering if Word Tree was going to replace Org Chart. I remember reading that Org Chart was either going away or being overhauled, so I'm anxious to see what happens. In my scenario, I'm using Org Chart to show people, who they supervise and who supervises them. It's pretty simple I think. Some people supervise 15 people, some people are new they don't supervise anyone. So my problem is, the chart ends up being like 15,000 pixels wide because each person's bubble won't align underneath another person's bubble. I'll have to post a screenshot. But what that means is, everyone (we're talking 100-150 people) gets their own column in the chart. Therefore, it's so wide that it's not really presentable. I don't think it's a bug, but it would certainly make a huge difference if it could be worked out somehow. Picky picky, I know. But anyway, thanks for the message. I'll toy with Word Tree and we'll see what happens. Thanks, Josh On Wednesday, October 15, 2014 5:34:20 PM UTC-5, orw...@google.com wrote: Hi Josh, there are no promises in life, but you're safe. (static boss is a great concept. Very Big Brotherish.) And just FYI, we already have org charts: https://developers.google.com/chart/interactive/docs/gallery/orgchart Jon On Wed, Oct 15, 2014 at 6:13 PM, Josh Beagley joshua@gmail.com wrote: So I'm trying my hand at explicit Word Trees to make an org chart, and I'm wanting to use IDs which are already in my database. They don't begin with 0, and several numbers are missing since people have left. The following *works by default*: nodeListData.addRow([0, 'Boss', -1, 1, 'black']); nodeListData.addRow([1, 'Child 1', 0, 1, 'black']); nodeListData.addRow([2, 'Child 2', 0, 1, 'black']); This *does not work*: (some kind of Tu error) nodeListData.addRow([500, 'Boss', -1, 1, 'black']); nodeListData.addRow([550, 'Child 1', 500, 1, 'black']); nodeListData.addRow([600, 'Child 2', 500, 1, 'black']); This *does appear to work*: nodeListData.addRow([0, 'Unknown', -1, 1, 'black']); nodeListData.addRow([500, 'Boss', 0, 1, 'black']); nodeListData.addRow([550, 'Child 1', 500, 1, 'black']); nodeListData.addRow([600, 'Child 2', 500, 1, 'black']); In the last example, I basically added a static boss that even the highest ranking boss would belong to, this way we always have a zero (0) ID. It seems that as long as I have a 0 ID, I can skip any other number. Am I safe to continue using it like this or will I run into troubles later on? Thanks! - Josh -- You received this message because you are subscribed to the Google Groups Google Visualization API group. To unsubscribe from this group and stop receiving emails from it, send an email to google-visualization-api+unsubscr...@googlegroups.com. To post to this group, send email to google-visua...@googlegroups.com. Visit this group at http://groups.google.com/group/google-visualization-api. For more options, visit https://groups.google.com/d/optout. -- You received this message because you are subscribed to the Google Groups Google Visualization API group. To unsubscribe from this group and stop receiving emails from it, send an email to google-visualization-api+unsubscr...@googlegroups.com. To post to this group, send email to google-visualization-api@googlegroups.com. Visit this group at http://groups.google.com/group/google-visualization-api. For more options, visit https://groups.google.com/d/optout.
[visualization-api] Word Tree IDs
So I'm trying my hand at explicit Word Trees to make an org chart, and I'm wanting to use IDs which are already in my database. They don't begin with 0, and several numbers are missing since people have left. The following *works by default*: nodeListData.addRow([0, 'Boss', -1, 1, 'black']); nodeListData.addRow([1, 'Child 1', 0, 1, 'black']); nodeListData.addRow([2, 'Child 2', 0, 1, 'black']); This *does not work*: (some kind of Tu error) nodeListData.addRow([500, 'Boss', -1, 1, 'black']); nodeListData.addRow([550, 'Child 1', 500, 1, 'black']); nodeListData.addRow([600, 'Child 2', 500, 1, 'black']); This *does appear to work*: nodeListData.addRow([0, 'Unknown', -1, 1, 'black']); nodeListData.addRow([500, 'Boss', 0, 1, 'black']); nodeListData.addRow([550, 'Child 1', 500, 1, 'black']); nodeListData.addRow([600, 'Child 2', 500, 1, 'black']); In the last example, I basically added a static boss that even the highest ranking boss would belong to, this way we always have a zero (0) ID. It seems that as long as I have a 0 ID, I can skip any other number. Am I safe to continue using it like this or will I run into troubles later on? Thanks! - Josh -- You received this message because you are subscribed to the Google Groups Google Visualization API group. To unsubscribe from this group and stop receiving emails from it, send an email to google-visualization-api+unsubscr...@googlegroups.com. To post to this group, send email to google-visualization-api@googlegroups.com. Visit this group at http://groups.google.com/group/google-visualization-api. For more options, visit https://groups.google.com/d/optout.
[visualization-api] Hover and Selection tooltips on one point
I am creating a Bar Chart in google charts. The data that has been input is
very simple, integer values.
I have configured the chart to have hover over functionality with a tooltip
that displays a short description of that 'category'.
var data = google.visualization.arrayToDataTable([['Category', 'Number of
Artefacts', { role: 'tooltip' }, {role: 'style'}],['Case Studies', 1, 'Project
Summaries (Approach, Constraints, Results)', 'color: light blue'
],['Communications', 2, 'Internal Comms Announcements', 'color: light
blue'],['External Studies', 21, 'Consulting or Research Studies (Finance,
Banking, Tech)', 'color: light blue' ],['Functional Knowledge', 31, 'Rules,
Policies Training for better understanding of requirements and products',
'color: light blue' ]
]);
var options = {
title: 'Active Artefacts',
tooltip: {isHtml: true},
tooltiptextStyle: { color: 'black',
fontName: 'calibri',
fontSize: 14,
bold: false,
italic: false }
};
In addition to this hover tooltip I would also want to have a selection
tooltip on each category whereby it will allow a click through hyperlink to
another site.
I first want to know how to insert an extra tooltip (would it just be a
case of entering another optional 'role' in the column definitions?) and
then also how I would configure one tooltip as hover and the other as
selection.
There are examples where tooltip.trigger has been set to 'both' but this
does not specify how you can control which tooltip has which trigger.
--
You received this message because you are subscribed to the Google Groups
Google Visualization API group.
To unsubscribe from this group and stop receiving emails from it, send an email
to google-visualization-api+unsubscr...@googlegroups.com.
To post to this group, send email to google-visualization-api@googlegroups.com.
Visit this group at http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.
[visualization-api] Vertical axis values
Is it possible to format the values used on the vertical axis somehow? For example, to use a numerical value in the data and to have a formatted value be displayed instead? E.g., the value is 12 but the formatted value would be 120 thousand or 120 elephants. -- You received this message because you are subscribed to the Google Groups Google Visualization API group. To unsubscribe from this group and stop receiving emails from it, send an email to google-visualization-api+unsubscr...@googlegroups.com. To post to this group, send email to google-visualization-api@googlegroups.com. Visit this group at http://groups.google.com/group/google-visualization-api?hl=en. For more options, visit https://groups.google.com/groups/opt_out.
[visualization-api] chart not showing in IE8
Does anyone know how to the pie chart to show up in IE8?
!doctype html
html
head
script type=text/javascript src=https://www.google.com/jsapi
/script
script type=text/javascript
google.load(visualization, 1, {packages:[corechart]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var pieData = [];
pieData.push(['Task', 'Hours per Day'], ['Work', 11], ['Eat', 2]);
var data = google.visualization.arrayToDataTable(pieData);
var options = {
legend: {
position: 'bottom'
},
backgroundColor: 'none'
};
var chart = new
google.visualization.PieChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
/script
/head
body
div id=chart_div style=width: 300px; height: 300px;/div
div id=new_chart_div style=width: 300px; height: 300px;/div
/body
/html
This code works great in IE7 and IE9 but once the browsermode is IE8 or the
documentmode is IE8 then the chart goes away.
--
You received this message because you are subscribed to the Google Groups
Google Visualization API group.
To unsubscribe from this group and stop receiving emails from it, send an email
to google-visualization-api+unsubscr...@googlegroups.com.
To post to this group, send email to google-visualization-api@googlegroups.com.
Visit this group at
http://groups.google.com/group/google-visualization-api?hl=en.
For more options, visit https://groups.google.com/groups/opt_out.
[visualization-api] Waterfall Chart
I'm working to compare what can be done with Google charts vs. Xcelsius. Using the bar chart, I have been able to replicate the Xcelsius Waterfall Chart almost perfectly here: http://data-ink.com/?p=612 Does anyone else have any examples of Waterfall Charts with the Google Visualization API? - Josh -- You received this message because you are subscribed to the Google Groups Google Visualization API group. To post to this group, send email to google-visualization-api@googlegroups.com. To unsubscribe from this group, send email to google-visualization-api+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/google-visualization-api?hl=en.
Re: [visualization-api] Re: Error with google chrome 'cannot read property document of null'
Viz Kid,
Thank you for your response. I can't (thus far) reproduce the issue on
a simpler page. Even on this page, if I load different data, the issue
usually does not occur. The issue does consistently occur with any
data in this set of data, and four other sets of data (that do not
have any discernible similarities that I can see).
I am only loading the visualization api once on the page. I thought
that the issue might be a race condition, but I have debugged through
the js code (which should slow down any execution) and the issue still
consistently occurs.
Any other thoughts?
Josh Ain
On Wed, Sep 15, 2010 at 10:09 AM, Viz Kid viz...@google.com wrote:
Can you possibly give a simpler example page where this happens?
Your current page is very complex and it would be impossible to follow.
In general, such errors might be result of race conditions when you load
several things. Maybe you can load the visualization API only once instead
of each operation?
Best,
Viz Kid
On Tue, Sep 14, 2010 at 11:58 PM, Josh josh@gmail.com wrote:
Oh, and I think I used the wrong url for a reproducer. Here are more
details on reproducing the issue. In chrome, goto
https://pub.needlebase.com/actions/visualizer/V2Visualizer.do?domain=Disastersthread=Hazard+Mitigation+Program^typeId=9149585060559937610render=ChartchartSort=selectedChart=LineChartcolIds=9149585060559937628startPage=1actionType=targetParam=messageJsp=query=queryDescription=folder=advQuery=showCheckboxes=falselastQueryName=defaultTypeQuery=ownerOnly=
Then, in the first select box in the upper left, change the value from
Disaster to _Batch. This will submit a form on the page, reload the
page, and reproduce the issue.
Josh
On Sep 14, 5:45 pm, Josh josh@gmail.com wrote:
Hello Visualization API group,
I am hitting a very odd error using a couple of very basic core google
visualization charts.
Using the area, bar, column or line charts, whenever I reload the page
by a form submission (get or post) I get a error message 'cannot read
property document of null' instead of my expected chart. If I hit
reload, or go to the page directly from a url, the chart renders
fine.
My charting code is very simple:
google.load('visualization', '1', {'packages':['corechart']});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable(
(my datatable json),
0.6
);
var chart = new
google.visualization.LineChart(document.getElementById('chart_div1'));
var params = {(some parameters)};
chart.draw(data, params);
I encounter the error right after chart.draw. Even if I delete the
contents of the parameter array, I still encounter the issue.
This error is not occurring in firefox 3.6.8, and is occurring
consistently on google chrome 6.0.472.53, both running on Ubuntu. I
have heard of others encountering the issue on safari, but have not
confirmed the issue there.
I have a consistent reproducer for chrome here:
https://pub.needlebase.com/actions/visualizer/V2Visualizer.do?domain=...typeId=8946670875749132661render=ChartchartSort=selectedChart=LineChartcolIds=_TypestartPage=1actionType=targetParam=messageJsp=query=queryDescription=folder=advQuery=showCheckboxes=falselastQueryName=ownerOnly=
(note that in about a week, we may deploy a workaround that simply
refreshes the page if we encounter an error).
What makes this issue particularly odd, is that it does not always
occur. We have a number of different 'domains of data'. In the
Disasters domain that I linked above, the issue consistently occurs
for anything that we try to chart in that domain. The issue does not
occur for other domains, even others served by the same machine.
Several other domains consistently exhibit this behavior with chrome,
while most domains do not.
Has anybody encountered this issue before? Searching for the error
text did not turn up much of use. It appears that we are hitting a js
exception deep within the charting code, and falling through to a
catch block.
Thank you for any assistance.
Josh Ain
--
You received this message because you are subscribed to the Google Groups
Google Visualization API group.
To post to this group, send email to
google-visualization-...@googlegroups.com.
To unsubscribe from this group, send email to
google-visualization-api+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/google-visualization-api?hl=en.
--
You received this message because you are subscribed to the Google Groups
Google Visualization API group.
To post to this group, send email to
google-visualization-...@googlegroups.com.
To unsubscribe from this group, send email to
google-visualization-api+unsubscr...@googlegroups.com.
For more options, visit
[visualization-api] Re: Error with google chrome 'cannot read property document of null'
Hmm... one more detail. Going off Viz Kid's thought that this was a
race condition, if I just insert a delay before drawing the chart,
things seem to work fine. I changed my onLoadCallback to:
google.setOnLoadCallback(setTimeout('drawChart()', 10));
and no longer see the problem. Is it possible that there is a timing
issue with the google.load function?
Josh
On Sep 15, 10:16 am, Josh Ain josh@gmail.com wrote:
Viz Kid,
Thank you for your response. I can't (thus far) reproduce the issue on
a simpler page. Even on this page, if I load different data, the issue
usually does not occur. The issue does consistently occur with any
data in this set of data, and four other sets of data (that do not
have any discernible similarities that I can see).
I am only loading the visualization api once on the page. I thought
that the issue might be a race condition, but I have debugged through
the js code (which should slow down any execution) and the issue still
consistently occurs.
Any other thoughts?
Josh Ain
On Wed, Sep 15, 2010 at 10:09 AM, Viz Kid viz...@google.com wrote:
Can you possibly give a simpler example page where this happens?
Your current page is very complex and it would be impossible to follow.
In general, such errors might be result of race conditions when you load
several things. Maybe you can load the visualization API only once instead
of each operation?
Best,
Viz Kid
On Tue, Sep 14, 2010 at 11:58 PM, Josh josh@gmail.com wrote:
Oh, and I think I used the wrong url for a reproducer. Here are more
details on reproducing the issue. In chrome, goto
https://pub.needlebase.com/actions/visualizer/V2Visualizer.do?domain=...typeId=9149585060559937610render=ChartchartSort=selectedChart=LineChartcolIds=9149585060559937628startPage=1actionType=targetParam=messageJsp=query=queryDescription=folder=advQuery=showCheckboxes=falselastQueryName=defaultTypeQuery=ownerOnly=
Then, in the first select box in the upper left, change the value from
Disaster to _Batch. This will submit a form on the page, reload the
page, and reproduce the issue.
Josh
On Sep 14, 5:45 pm, Josh josh@gmail.com wrote:
Hello Visualization API group,
I am hitting a very odd error using a couple of very basic core google
visualization charts.
Using the area, bar, column or line charts, whenever I reload the page
by a form submission (get or post) I get a error message 'cannot read
property document of null' instead of my expected chart. If I hit
reload, or go to the page directly from a url, the chart renders
fine.
My charting code is very simple:
google.load('visualization', '1', {'packages':['corechart']});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable(
(my datatable json),
0.6
);
var chart = new
google.visualization.LineChart(document.getElementById('chart_div1'));
var params = {(some parameters)};
chart.draw(data, params);
I encounter the error right after chart.draw. Even if I delete the
contents of the parameter array, I still encounter the issue.
This error is not occurring in firefox 3.6.8, and is occurring
consistently on google chrome 6.0.472.53, both running on Ubuntu. I
have heard of others encountering the issue on safari, but have not
confirmed the issue there.
I have a consistent reproducer for chrome here:
https://pub.needlebase.com/actions/visualizer/V2Visualizer.do?domain=...
(note that in about a week, we may deploy a workaround that simply
refreshes the page if we encounter an error).
What makes this issue particularly odd, is that it does not always
occur. We have a number of different 'domains of data'. In the
Disasters domain that I linked above, the issue consistently occurs
for anything that we try to chart in that domain. The issue does not
occur for other domains, even others served by the same machine.
Several other domains consistently exhibit this behavior with chrome,
while most domains do not.
Has anybody encountered this issue before? Searching for the error
text did not turn up much of use. It appears that we are hitting a js
exception deep within the charting code, and falling through to a
catch block.
Thank you for any assistance.
Josh Ain
--
You received this message because you are subscribed to the Google Groups
Google Visualization API group.
To post to this group, send email to
google-visualization-...@googlegroups.com.
To unsubscribe from this group, send email to
google-visualization-api+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/google-visualization-api?hl=en.
--
You received this message because you are subscribed to the Google Groups
Google
[visualization-api] Error with google chrome 'cannot read property document of null'
Hello Visualization API group,
I am hitting a very odd error using a couple of very basic core google
visualization charts.
Using the area, bar, column or line charts, whenever I reload the page
by a form submission (get or post) I get a error message 'cannot read
property document of null' instead of my expected chart. If I hit
reload, or go to the page directly from a url, the chart renders
fine.
My charting code is very simple:
google.load('visualization', '1', {'packages':['corechart']});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable(
(my datatable json),
0.6
);
var chart = new
google.visualization.LineChart(document.getElementById('chart_div1'));
var params = {(some parameters)};
chart.draw(data, params);
I encounter the error right after chart.draw. Even if I delete the
contents of the parameter array, I still encounter the issue.
This error is not occurring in firefox 3.6.8, and is occurring
consistently on google chrome 6.0.472.53, both running on Ubuntu. I
have heard of others encountering the issue on safari, but have not
confirmed the issue there.
I have a consistent reproducer for chrome here:
https://pub.needlebase.com/actions/visualizer/V2Visualizer.do?domain=Disastersthread=Disaster.Incident+Start+Month^typeId=8946670875749132661render=ChartchartSort=selectedChart=LineChartcolIds=_TypestartPage=1actionType=targetParam=messageJsp=query=queryDescription=folder=advQuery=showCheckboxes=falselastQueryName=ownerOnly=
(note that in about a week, we may deploy a workaround that simply
refreshes the page if we encounter an error).
What makes this issue particularly odd, is that it does not always
occur. We have a number of different 'domains of data'. In the
Disasters domain that I linked above, the issue consistently occurs
for anything that we try to chart in that domain. The issue does not
occur for other domains, even others served by the same machine.
Several other domains consistently exhibit this behavior with chrome,
while most domains do not.
Has anybody encountered this issue before? Searching for the error
text did not turn up much of use. It appears that we are hitting a js
exception deep within the charting code, and falling through to a
catch block.
Thank you for any assistance.
Josh Ain
--
You received this message because you are subscribed to the Google Groups
Google Visualization API group.
To post to this group, send email to google-visualization-...@googlegroups.com.
To unsubscribe from this group, send email to
google-visualization-api+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/google-visualization-api?hl=en.
[visualization-api] Re: Error with google chrome 'cannot read property document of null'
Oh, and I think I used the wrong url for a reproducer. Here are more
details on reproducing the issue. In chrome, goto
https://pub.needlebase.com/actions/visualizer/V2Visualizer.do?domain=Disastersthread=Hazard+Mitigation+Program^typeId=9149585060559937610render=ChartchartSort=selectedChart=LineChartcolIds=9149585060559937628startPage=1actionType=targetParam=messageJsp=query=queryDescription=folder=advQuery=showCheckboxes=falselastQueryName=defaultTypeQuery=ownerOnly=
Then, in the first select box in the upper left, change the value from
Disaster to _Batch. This will submit a form on the page, reload the
page, and reproduce the issue.
Josh
On Sep 14, 5:45 pm, Josh josh@gmail.com wrote:
Hello Visualization API group,
I am hitting a very odd error using a couple of very basic core google
visualization charts.
Using the area, bar, column or line charts, whenever I reload the page
by a form submission (get or post) I get a error message 'cannot read
property document of null' instead of my expected chart. If I hit
reload, or go to the page directly from a url, the chart renders
fine.
My charting code is very simple:
google.load('visualization', '1', {'packages':['corechart']});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable(
(my datatable json),
0.6
);
var chart = new
google.visualization.LineChart(document.getElementById('chart_div1'));
var params = {(some parameters)};
chart.draw(data, params);
I encounter the error right after chart.draw. Even if I delete the
contents of the parameter array, I still encounter the issue.
This error is not occurring in firefox 3.6.8, and is occurring
consistently on google chrome 6.0.472.53, both running on Ubuntu. I
have heard of others encountering the issue on safari, but have not
confirmed the issue there.
I have a consistent reproducer for chrome here:
https://pub.needlebase.com/actions/visualizer/V2Visualizer.do?domain=...typeId=8946670875749132661render=ChartchartSort=selectedChart=LineChartcolIds=_TypestartPage=1actionType=targetParam=messageJsp=query=queryDescription=folder=advQuery=showCheckboxes=falselastQueryName=ownerOnly=
(note that in about a week, we may deploy a workaround that simply
refreshes the page if we encounter an error).
What makes this issue particularly odd, is that it does not always
occur. We have a number of different 'domains of data'. In the
Disasters domain that I linked above, the issue consistently occurs
for anything that we try to chart in that domain. The issue does not
occur for other domains, even others served by the same machine.
Several other domains consistently exhibit this behavior with chrome,
while most domains do not.
Has anybody encountered this issue before? Searching for the error
text did not turn up much of use. It appears that we are hitting a js
exception deep within the charting code, and falling through to a
catch block.
Thank you for any assistance.
Josh Ain
--
You received this message because you are subscribed to the Google Groups
Google Visualization API group.
To post to this group, send email to google-visualization-...@googlegroups.com.
To unsubscribe from this group, send email to
google-visualization-api+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/google-visualization-api?hl=en.
[visualization-api] License to Use Visualization API
Is there an open source license available to use the visualization API? I read the terms of service. There is mention there that Google may at times offer an open source license for some components. -- You received this message because you are subscribed to the Google Groups Google Visualization API group. To post to this group, send email to google-visualization-...@googlegroups.com. To unsubscribe from this group, send email to google-visualization-api+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/google-visualization-api?hl=en.
[visualization-api] Re: How can I draw dotplot?
After a closer look at the ScatterChart Data_Format:
http://code.google.com/apis/visualization/documentation/gallery/scatterchart.html#Data_Format
It looks like the last two lines should be:
,{c:[{v:0},{v:'--'},null]} // blank left column
,{c:[{v:3},{v:'--'},null]} // blank right column
instead of:
,{c:[{v:0},{v:'--'},{v:0}]} // empty left Set -- with
point at [0,0]
,{c:[{v:3},{v:'--'},{v:0}]} // empty right Set
If you want to still have it start from 0 instead of the lowest value
in your set (~ 40),
then add:
,{c:[null,null,{v:0}]} // min y=0
as the last row. null means that the value is not displayed.
Best Regards,
- Josh W. -
Sample code here (press the [Eval] button)
http://www.redthreadtapestry.com/vis/vis3.html
On Dec 4, 1:01 pm, Josh W. joshe...@gmail.com wrote:
// START CODE
// Added Set (number) column and two extra rows of dummy data.
var dt = new google.visualization.DataTable( {
cols: [{id: 'Set', 'label': 'Set', type: 'number'},
{id: 'sex', label: 'Sex', type: 'string'},
{id: 'weight', label: 'Weight', type: 'number'}
],
rows: [{c:[{v: 1}, {v: 'male'}, {v: 55}]},{c:[{v: 1}, {v: 'male'},
{v: 59}]},{c:[{v: 1}, {v:
'male'}, {v: 66}]},{c:[{v: 1}, {v: 'male'}, {v: 70}]},
{c:[{v: 2}, {v: 'female'}, {v: 45}]},{c:[{v: 1}, {v:
'male'}, {v: 49}]},{c:
[{v: 1}, {v: 'male'}, {v: 46}]},{c:[{v: 1}, {v: 'male'}, {v: 50}]}
,{c:[{v:0},{v:'--'},{v:0}]} // empty left Set
,{c:[{v:3},{v:'--'},{v:0}]} // empty right Set
]
} );
--
You received this message because you are subscribed to the Google Groups
Google Visualization API group.
To post to this group, send email to google-visualization-...@googlegroups.com.
To unsubscribe from this group, send email to
google-visualization-api+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/google-visualization-api?hl=en.
[visualization-api] Re: How can I draw dotplot?
You could use a ScatterChart but give each Set a Number and tell the
name/label for each Set in the Title.
Set 1 = Male, Set 2 = Female (use in your titleX option, for example).
Also, to make the Chart look nicer, I added two dummy points for Set
0 and Set 3 so Set 1 and Set 2 are in the middle of the Chart.
There may be a way to make these two points invisible and add
Average lines using the API, but so far
the quickest way I've found is using Firebug or the Chrome Inspect
Element feature and drill down into the iFrame SVG element and edit
the SVG directly.
(see below for a non-cross browser method using jQuery).
// START CODE
// Added Set (number) column and two extra rows of dummy data.
var dt = new google.visualization.DataTable( {
cols: [{id: 'Set', 'label': 'Set', type: 'number'},
{id: 'sex', label: 'Sex', type: 'string'},
{id: 'weight', label: 'Weight', type: 'number'}
],
rows: [{c:[{v: 1}, {v: 'male'}, {v: 55}]},{c:[{v: 1}, {v: 'male'},
{v: 59}]},{c:[{v: 1}, {v:
'male'}, {v: 66}]},{c:[{v: 1}, {v: 'male'}, {v: 70}]},
{c:[{v: 2}, {v: 'female'}, {v: 45}]},{c:[{v: 1}, {v:
'male'}, {v: 49}]},{c:
[{v: 1}, {v: 'male'}, {v: 46}]},{c:[{v: 1}, {v: 'male'}, {v: 50}]}
,{c:[{v:0},{v:'--'},{v:0}]} // empty left Set
,{c:[{v:3},{v:'--'},{v:0}]} // empty right Set
]
} );
var vizDiv = document.getElementById('visualization'); // put ID of
your visualization container here.
vizDiv.innerHTML = ; // clear old visualization, if any.
var dl = new google.visualization.ScatterChart(vizDiv);
dl.draw(dt, {titleX:'Set 1 is Male, Set 2 is Female', height:313,
width:400}) // put Set descriptions in titleX
// dt.toJSON()
// END CODE
Could add a select or onmouseover listener to interact with the
Chart.
For other options, see also:
http://code.google.com/apis/visualization/documentation/gallery/scatterchart.html#Configuration_Options
- Josh W. -
http://www.redthreadtapestry.com
PS: If you get *desperate* to change the x-axis labels, a really
*ugly* jQuery hack that I DO NOT recommend follows:
google.load(jquery, 1, {}); // in your header
try {
// This works in IE 7 -- change first SVG element with string=2 and
replace with string=Female.
var iframed=$($('iframe')[0].contentWindow.document);
iframed.find('[string=2]')[0].string='Female';
iframed.find('[string=1]')[0].string='Male';
iframed.find('[string=0]')[0].string=' ';
iframed.find('[string=3]')[0].string=' ';
// Warning: May incorrectly match other numbers in the data set.
Assumes Y axis labels are drawn before X axis labels.
} catch(err) {
try {
// This is works in Google Chrome -- find 2nd element with font-
size=16 in iFrame and change from 1 to Male
var res = $($('iframe')[0].contentWindow.document).find('text[font-
size=16]');
res[1].firstChild.textContent='Male';
res[2].firstChild.textContent='Female';
res[0].firstChild.textContent=' ';
res[3].firstChild.textContent=' ';
} catch(err) {
if (self.console) console.log(err.message);
}
}
// The above hack only works with the given dataset and the current
version of visualization ... not recommended for production use.
// You've been warned.
On Dec 4, 4:58 am, LaFouine junichi.mur...@gmail.com wrote:
I want to make dotplot likehttp://www.bmj.com/statsbk/fig1_3.gif.
I tried to use scatterchart in Google Visualization API. But it
couldn't display letters on x-axis.
Do you know the way to create dotplot by using Google Visualization
API?
Sample data is below.
var dt = new google.visualization.DataTable(
{
cols: [{id: 'sex', label: 'Sex', type: 'string'},
{id: 'weight', label: 'Wetight', type: 'number'}
],
rows: [{c:[{v: 'male'}, {v: 55}]},{c:[{v: 'male'}, {v: 59}]},{c:[{v:
'male'}, {v: 66}]},{c:[{v: 'male'}, {v: 70}]},
{c:[{v: 'female'}, {v: 45}]},{c:[{v: 'male'}, {v: 49}]},{c:
[{v: 'male'}, {v: 46}]},{c:[{v: 'male'}, {v: 50}]}
]
}
Thanks in advance.
--
You received this message because you are subscribed to the Google Groups
Google Visualization API group.
To post to this group, send email to google-visualization-...@googlegroups.com.
To unsubscribe from this group, send email to
google-visualization-api+unsubscr...@googlegroups.com.
For more options, visit this group at
http://groups.google.com/group/google-visualization-api?hl=en.
[visualization-api] Multiple Query DataTables
I'd like to query for two different DataTables from a single html/
script page.
From experimenting a bit it seems only one instance of
google.visualization.Query can be utilized in a single script. When
I construct and send a second, I see the AJAX response in firebug but
my callback is never executed. When I comment out the first query,
the second query's callback is executed.
I managed to get around this limitation by changing the Ea property
of the Query instance. I'm wondering if this is a known/designed
limitation, if so then if there is a recommended/documented approach.
thanks,
-josh
Broken 2 Query
index
init
handleQueryResponse1
queryM
send queryM
sent queryM
html
head
titleBroken 2 Query/title
!--Load the AJAX API--
script type=text/javascript src=http://www.google.com/jsapi;/
script
script type=text/javascript
google.load('visualization', '1', {'packages':['table']});
google.setOnLoadCallback(init);
function init() {
document.getElementById('mydiv').innerHTML = brinit;
var query = new google.visualization.Query(nersc/visualization/
projects);
query.send(handleQueryResponse1);
}
function handleQueryResponse1(response) {
document.getElementById('mydiv').innerHTML =
document.getElementById('mydiv').innerHTML +
brhandleQueryResponse1;
if (response.isError()) {
alert('Error in query: ' + response.getMessage() + ' ' +
response.getDetailedMessage());
return;
}
document.getElementById('mydiv').innerHTML =
document.getElementById('mydiv').innerHTML + brqueryM;
var queryM = new google.visualization.Query(nersc/visualization/
machines);
document.getElementById('mydiv').innerHTML =
document.getElementById('mydiv').innerHTML + brsend queryM;
queryM.send(handleQueryResponse2);
document.getElementById('mydiv').innerHTML =
document.getElementById('mydiv').innerHTML + brsent queryM;
}
function handleQueryResponse2(response) {
document.getElementById('mydiv').innerHTML =
document.getElementById('mydiv').innerHTML +
brhandleQueryResponse2;
if (response.isError()) {
alert('Error in query: ' + response.getMessage() + ' ' +
response.getDetailedMessage());
return;
}
}
/script
/head
body
h1Broken 2 Query/h1
a href=index.htmlindex/a
!--Div that will hold the visualization--
div id=mydiv/
/body
/html
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
Google Visualization API group.
To post to this group, send email to google-visualization-api@googlegroups.com
To unsubscribe from this group, send email to
google-visualization-api+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/google-visualization-api?hl=en
-~--~~~~--~~--~--~---
[visualization-api] Re: Input from a method?
Bump On Jun 24, 7:57 am, Josh Robinson jrobinson1...@gmail.com wrote: Hi all, I am using Google Visualizations as a replacement for an old chart program that is no longer supported. How do I input data from a method in another section of my program? For instance, I want to call a get method from a file and display the information on a chart. Thanks for the help, -Josh --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups Google Visualization API group. To post to this group, send email to google-visualization-api@googlegroups.com To unsubscribe from this group, send email to google-visualization-api+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/google-visualization-api?hl=en -~--~~~~--~~--~--~---
[visualization-api] Input from a method?
Hi all, I am using Google Visualizations as a replacement for an old chart program that is no longer supported. How do I input data from a method in another section of my program? For instance, I want to call a get method from a file and display the information on a chart. Thanks for the help, -Josh --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups Google Visualization API group. To post to this group, send email to google-visualization-api@googlegroups.com To unsubscribe from this group, send email to google-visualization-api+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/google-visualization-api?hl=en -~--~~~~--~~--~--~---
[visualization-api] Re: Looking for progress meter | bar ...
jQery (jquery.com) has a progress bar plug-in - I have never used it, but I saw it on their list of stuff. I know its not what you were looking for exactly, but it may help. --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups Google Visualization API group. To post to this group, send email to google-visualization-api@googlegroups.com To unsubscribe from this group, send email to google-visualization-api+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/google-visualization-api?hl=en -~--~~~~--~~--~--~---
[visualization-api] Re: Annotated Timeline feature request: Optional zoomer/scaler
In addition - what about the Zoom @ the top of the chart? Is there a way to get it to reflect the scale of the chart? If you only have a weeks worth of data, I dont need the 1yr or 6m zoom - it doesnt do anything. As for removing the zoom at the bottom, I have not seen any documented way either - what about a different chart? A simple line chart might work (unless you need the annotations). --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups Google Visualization API group. To post to this group, send email to google-visualization-api@googlegroups.com To unsubscribe from this group, send email to google-visualization-api+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/google-visualization-api?hl=en -~--~~~~--~~--~--~---
[visualization-api] Visualization inside 9Grid - Firefox issue
I can verify FF runs both 9grid and visualization (Annotated Timeline) independently. They will even both run on a page together, but if you place the DIV the visualization draws to inside a DIV used by 9grid, FF seems to have issues. The page will load, but quickly go white with a status bar of 'read www.google.com' - it sits indefinitely. Seems to work in a Chrome and IE. Any one else have a similar issue? Thanks in advance! --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups Google Visualization API group. To post to this group, send email to google-visualization-api@googlegroups.com To unsubscribe from this group, send email to google-visualization-api+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/google-visualization-api?hl=en -~--~~~~--~~--~--~---
[visualization-api] AnnotatedTimeLine scaleColumns
I'm attempting to display an annotated time line using the scaleColumns option with the expectation that I'll see two scale displays: one on the left and one on the right. The data in each series is an order of magnitude different in scale. In my attempt, the lines scale as expected, but only the largest scale is displayed on the right. Would somebody be kind enough to demonstrate a simple example of this? Thanks in advance, Josh --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups Google Visualization API group. To post to this group, send email to google-visualization-api@googlegroups.com To unsubscribe from this group, send email to google-visualization-api+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/google-visualization-api?hl=en -~--~~~~--~~--~--~---
[visualization-api] Re: AnnotatedTimeLine scaleColumns
I figured it out. I was using the wrong indexes. On Dec 12, 11:14 am, Josh josh.fri...@gmail.com wrote: I'm attempting to display an annotated time line using the scaleColumns option with the expectation that I'll see two scale displays: one on the left and one on the right. The data in each series is an order of magnitude different in scale. In my attempt, the lines scale as expected, but only the largest scale is displayed on the right. Would somebody be kind enough to demonstrate a simple example of this? Thanks in advance, Josh --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups Google Visualization API group. To post to this group, send email to google-visualization-api@googlegroups.com To unsubscribe from this group, send email to google-visualization-api+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/google-visualization-api?hl=en -~--~~~~--~~--~--~---
