Google Visualization API Google Group

Re: Need help create this chart

2013-05-25T00:47:09Z

The script tag with "[link]" is grabbing the Google
API loader from Google's servers (this is just a javascript package). When
you call google.load(...), the loader fetches the Visualization API
javascript package from Google's servers. Once that has loaded in the
client's browser, there is no further communication with Google's servers

Re: Need help create this chart

2013-05-24T22:20:19Z

Ok I dont understand entirely what you said. Here is the situation: when
I'm done with the chart and save it as a mychart.html file. And in the file
there is a line:
<script type="text/javascript" src="[link]"></script>
which tells me it refer to that google page.
So now I will put this file on a server in the local network, like

Re: [visualization-api] Re: stacked column chart multiple series

2013-05-24T21:29:47Z

You can't use HTML in the labels. Label formatting is accomplished via the hAxis.textStyle
option<[link]>
.

Re: Need help create this chart

2013-05-24T21:27:25Z

When using the interactive charts, the Google servers never see the data,
as it is handled entirely in the client's browser. The Terms of Service<[link]>specifically prohibit locally hosting the API, so you have to source it
from Google's servers. You can use the API from https without issues for

Re: [visualization-api] Re: stacked column chart multiple series

2013-05-24T21:24:33Z

Is there any way to put html in a label? some way to format the label in
any way?

Re: stacked column chart multiple series

2013-05-24T21:22:30Z

You have to do something like what I did in my example - include the week
in the labels. You can't cluster the labels together and give the cluster
itself a label, if that's what you are looking for.

Re: Need help create this chart

2013-05-24T20:56:15Z

Thanks. IF i don't want to send the data to google to process, or although
they claim they don't keep anything or the data is render at Browser level,
the link to google site to get the API still itches me. Don't like that. Is
there a way to download it to place on locally sever? Plus, if i put the

Re: [visualization-api] Generate by Google Image Chart not right

2013-05-24T20:32:48Z

What were you expecting?

Re: stacked column chart multiple series

2013-05-24T19:46:48Z

function drawVisualization() {
var data = new google.visualization.DataTable ();
data.addColumn('string', 'Group');
data.addColumn('number', 'Checkin');
data.addColumn('number', 'NoCheckin');
data.addColumn('number', 'Scrub');
data.addRow(["NB", 3, 3, 5]);
data.addRow(["RTP", 1, 4, 3]);

Re: stacked column chart multiple series

2013-05-24T19:35:55Z

You can do this to an extent, and it would look something like this:
[link]. I think there is probably a better
way to display this type of data that is less visually cramped - I'll
ponder this and see what I can come up with.

Re: stacked column chart multiple series

2013-05-24T19:25:11Z

So im trying the following:
function drawVisualization() {
var data = new google.visualization.DataTable ();
data.addColumn('string', 'Group');
data.addColumn('number', 'Checkin');
data.addColumn('number', 'NoCheckin');
data.addColumn('number', 'Scrub');
data.addRow(["NB", 3, 3, 5]);

Re: [visualization-api] Bubble Chart with Filter Column

2013-05-24T19:22:04Z

You should probably use a dataview to specify which columns from the
datatable you want to use in the bubble chart. This is the general
pattern for all chart types - they don't let you configure which columns
are used, but depend on you setting up a dataview for that purpose.

dan

Bubble Chart with Filter Column

2013-05-24T19:10:55Z

I'd love the option to add additional columns to a bubble chart (or many
charts) to allow filtering the view of the chart to additional information
contained in additional columns. ie, option to add column 6,7,8...to the
already specified 5 columns.
Is it possible to tweak the code to do this myself or is there a chance of

Re: Review copies available for Google Visualization API Essentials

2013-05-24T18:56:17Z

my e-mail address is zccool4...@gmail.com
I can do the review on Amazon.com/Goodreads if you wish.

stacked column chart multiple series

2013-05-24T18:44:41Z

Trying to describe this if ... interesting.
But basically i want to compare say 4 teams.
I want to compare them by total and by say 3 other criteria. And do this
over time. To me this is visualized by stacked column chart with multiple
series.
But it requires two layers of labeling on the x axis.
For example say i want to comparse teams w, x, y, z.

Re: setOptions and bubble

2013-05-24T18:33:24Z

When you create the ChartWrapper, you can assign options the same way you
would when drawing the chart, except you pass them as the "options"
parameter of the wrapper:
var chart = new google.visualization.ChartWrap per({
chartType: 'BubbleChart',
containerId: 'chart_div',
options: {
bubble: {

setOptions and bubble

2013-05-24T17:16:19Z

I am having some trouble combing a bubblechart with a dashboard. When I
create a bubblechart with
new google.visualization.BubbleCha rt()
I can also use
var options = {
bubble: {textStyle: {color: 'none'}}
};
and then with chart.draw(data, options) I get the result I want -- no

Re: Zoom the chart

2013-05-24T08:36:32Z

Hi,the example shown is applying on image right? So,I was going to apply on
the google chart then how should I apply this js? Can u show to me? Cos I'm
not so understand.. Or can u show me the different solution that u mention
to me? Thank you..

Re: Zoom the chart

2013-05-24T03:25:37Z

Here's one example of a lightbox tool:
[link] this one is a jQuery
plugin, but there are others that don't use jQuery if you'd prefer a
different solution.

Re: How to generate image from ScatterChart

2013-05-24T02:35:01Z

I trying use AJAX to transfer data image to server but i have a problem. if
I transfer one image chart, it's ok, else i get error *400 bad request *
I think not transfer large data from client to server through the AJAX.
I'm find any way to resolve that. Please tell me if you any opinion.
Thank you,

Re: Zoom the chart

2013-05-24T01:34:56Z

So,may I know what u mean by using a lightbox? Can you show me a simple
example of source code? Thank you..

Re: Google annotated timeline

2013-05-24T01:09:04Z

That's not getting parsed by PHP then. Your server configuration needs to
be fixed.

Re: Google annotated timeline

2013-05-24T00:12:07Z

source:
<?phpfor (=0; <=3; ++){echo "[new Date(" . . ", 1, 1), " . . "],";}?>
weird!

Re: Google annotated timeline

2013-05-23T23:59:42Z

Open the page again and see if the source code is rendering; if it is, post
the javascript here.

Re: JavaScript codes under Java server ...

2013-05-23T23:57:39Z

Javascript runs on the client-side, in a browser, so it has nothing to do
with your server-side environment. You write the javascript code in a
<script> tag in the HTML, and include a <div> in the HTML to put the chart
in.

There is a Java data source API<[link]>to help with development, if you're interested in that, but it isn't

Re: Google Visualization API RUN

2013-05-23T23:53:20Z

You have to have an active internet connection to load the API. Mirroring
the API on your server is strictly prohibited in the Terms of Service<[link]>
.

Re: Google annotated timeline

2013-05-23T23:34:29Z

i switched to arrays, got the same error. I don't understand why i is an
undefined variable.
<?php
$years = array(1991, 1992, 1993, 1994);
$graphs = array(20, 30, 40, 50);
echo<<<_END
<!DOCTYPE HTML>
<html>
<head>
<title>Title</title>
<script type="text/javascript" src="graphs.js"></script>

JavaScript codes under Java server ...

2013-05-23T23:15:08Z

Hi everybody,
I do not know how my question is educated… but I should finalize a small
piece of project very rapidly and make some reports. So, your
recommendations are demanded highly!
As I have found out… Google Applications are run under JavaScript codes;
our server compiles Java programs… I just wish to know is that possible to

Google Visualization API RUN

2013-05-23T23:01:17Z

Hi everybody,
I am new in Java and JavaScript programming and also Google applications. I
am very hopeful to receive answer from expert of this group!
I am working on a project to visualize a piece of data from a database
table and demonstrate to the clients. I have found Google Visualization is

Re: Bubble Chart, bubble sizes not working

2013-05-23T21:35:41Z

Using those options should control the size (the number is the diameter of
the bubble in pixels); I confirmed that this works on the Visualization API
playground<[link]>.
If you could provide sample code which demonstrates the problem, I'll take

Re: Bubble Chart, bubble sizes not working

2013-05-23T20:40:12Z

Thanks asgallant- I did that which makes all the bubbles the same size, but
the problem is the bubble diameter is too big. I need to be able to
decrease the size of all the bubbles so they are smaller- nothing i do with
the values of maxSize and MinSize changes the diameter- they remain all the
same size which is causing a massive overlap and inability to see where

Re: Bubble Chart, bubble sizes not working

2013-05-23T19:33:04Z

If you want all the bubbles to be the same size, you should set the max and
min sizes to be the same:
sizeAxis: {
maxSize: 20,
minSize: 20

Bubble Chart, bubble sizes not working

2013-05-23T18:49:46Z

I have a bubble chart and I wish to restrict the diameter of the bubbles so
they don't overlap as much. I have tried to set this
using sizeAxis:{maxSize: 40,minSize:10}, and various alterations of the min
and max sizes, and nothing I do seems to impact the size- the bubble
diameters stay the same. How do I correctly change the sizes? I actually

Re: ToolTip activation

2013-05-23T18:31:33Z

The API doesn't currently allow you to mix the two. You can make a feature
request to add support for that here<[link]>
.

Re: ToolTip activation

2013-05-23T17:39:09Z

What I want, is just to make the toltip appear and disappear when I select
the bar, BUT, if a bar is not selected, then to normally show the tooltip
only during the mouseover action. In this way, if I select a bar, I will
see only the tooltip of that bar, otherwise, the tooltip is normally showed

Re: Logarithmic Graphs with google charts

2013-05-23T17:33:09Z

Most of the core charts (Area, Bar, CandleStick, Column, Combo, Line,
Scatter), support logarithmic axes. Set the vAxis.logScale option to true
to make the y-axis logarithmic, and the hAxis.logScale option to true to
make the x-axis logarithmic.

Re: ToolTip activation

2013-05-23T17:31:11Z

Set the tooltip.trigger option to "selection" to activate the tooltip only
on selecting an element. You can't spawn a different tooltip on hover,
though.
If you are willing to custom code your own tooltip solution (there are
javascript libraries that will help you with this), then you can use
"select", "onmouseover", and "onmouseout" event handlers in your chart to

Logarithmic Graphs with google charts

2013-05-23T16:47:39Z

Hello,
I want create Logarithmic Graphs with Google charts. Any body have any
suggestion how create a Logarithmic Graphs
Thanks For Help
Narsi Gadde

ToolTip activation

2013-05-23T16:12:43Z

Is there a way to activate (deactivate) the tooltip only in case of a
'select' event ? And, in case of 'onmouseover' evento show only a limited
one ?
Thanks!!!!

Re: Adding links to Geo Charts?

2013-05-23T14:17:57Z

If you do that, then all of your countries will be labeled "Europe" in the
tooltips. To get around that, create a DataView to hide the 'Region'
column from the GeoChart, like this: [link]

Re: Logarithmic scale for TableBarFormat

2013-05-23T14:12:00Z

To the best of my knowledge, the BarFormatter does not support log scaling.

Re: Adding links to Geo Charts?

2013-05-23T13:42:39Z

Works brilliantly! Although you have to be careful with the order of
variables when setting up the DataTable array - strings have to come before
integers.

So, the code looks something like this now:

var data = google.visualization.arrayToDa taTable([
['Country', 'Region', 'Organisation Members'],

Re: Adding links to Geo Charts?

2013-05-23T13:26:03Z

thanks...good work around...I'll give it a go.

Logarithmic scale for TableBarFormat

2013-05-23T12:50:01Z

Hi!

There is a question related to logarithmic scale.
Google BarChart supports option for logarithmic scale
(["hAxis"]["logScale"]).
Do TableBarFormat for google.visualization.Table supports such property or
Are the any workarounds for that?

Thanks.
--

------------------------------

Re: [visualization-api] Help with a dashboard required

2013-05-23T10:41:21Z

Hi,

Am 22.05.2013, 17:57 Uhr, schrieb asgallant <drew_gall...@abtassoc.com>:

Thanks. Difficult sometimes to see the wood for the trees with these
nested options and no ability to set attributes directly.

Very interesting, thanks.

Charlie
--
Charlie Clark
Managing Director
Clark Consulting & Research

Re: On saving interactive charts as static images

2013-05-23T10:26:22Z

Thanks for The great example. Basically I am a salesforce developer I tried
this in salesforce but it is not working is require any changes to run it
in salesforce please suggest me.
Coming to my requirement I have a page with two Google visualization API
column charts and one table i want to save it as image all in one click

Re: On saving interactive charts as static images

2013-05-23T10:19:04Z

Re: Google annotated timeline

2013-05-23T07:06:21Z

Is there a particular reason you store your data this way? It may be
easier to work with if you switch to using arrays:
$years = array(1991, 1992, 1993, 1994);
$graphs = array(20, 30, 40, 50);
which allows you to reference the elements easier:
echo "[new Date(" . $years[$i] . ", 1, 1), " . $graphs[$i] . "],";

Re: Zoom the chart

2013-05-23T07:01:27Z

In theory, yes you can do that, but you might be better served using a
lightbox instead of opening a new window. You'll need to hook an event
handler onto the button, which spawns the lightbox, adds a container div to
the lightbox, and draws the chart inside the container div.
If you have to do this by opening a new window, you will need to write the

Re: Google annotated timeline

2013-05-23T04:35:07Z

Ok, here I modified the script and still it won't execute
<?php
$year10 = 1991;
$year11 = 1992;
$year12 = 1993;
$year13 = 1994;
$graph10 = 20;
$graph11 = 30;
$graph12 = 40;
$graph13 = 50;
echo<<<_END
<!DOCTYPE HTML>
<html>
<head>
<title>Title</title>
<script type="text/javascript" src="graphs.js"></script>