GeoCharts Example of use

[sylvainhugues]

Bonjour,

I just created a GeoMedia analyser : www.whoaboutwho.com with Geo
Chart.
I managed to color countries in Green gradients and the concerned
country in pure orange (using negative value).

I still got problems on Firefox and Opera when clicking on countries,
so I disactivated it. Very weird since the same DataTable displays
well when forcing with JS code, but not when clicking (Visualisation
click event).

Looking forward your feedback and your use of charts.

A bientôt, Sylvain.

[asgallant]

If you post a version where it is not disabled in FF/Opera, I can try to figure out what it wrong.

[sylvainhugues]

Hi,
I just get nothing when clicking, GeoChart and PieChart don t display anything and I get red warning "Your browser does not support charts".
Obviously the problem comes from the click event.
I won t see anything online since JS is compiled y Google API, and there s a lot of interdependant files for this tool...
Thxxx

[asgallant]

I skimmed the code, and I would guess that the problem is due to creating the event listener after drawing the chart, instead of before.  Try moving this code block:

google.visualization.events.addListener(geoChart, "regionClick", function (eventData) {
    var countryISO2 = eventData["region"];
    inputCountryToValUpCase = "world";
    displaySearchResults(countryISO2, inputCountryToValUpCase); 
});

to right before you call geoChart.draw().

[sylvainhugues]

Hi, thanks asgallant for your "galanterie",
tried but still same issue.
I made an all browser clickable version :
http://www.tapiocadesign.com/who-about-who/index_clickAllBrowsers.php
I've read a few articles about that "

Your browser does not support charts

"

warning, but haven t figured out what s the real cause.
Thanks, S.

[asgallant]

Hmmm....I see you hide the 'geoChartContainer' div after calling geoChart.draw().  Charts sometimes have problems drawing in hidden containers (which could be happening here, because drawing is asynchronous).  If you put the hide and show calls in a 'ready' event handler for the chart, that will eliminate the one possible issue:

google.visualization.events.addListener(geo, 'ready', function() {
    $('#geoChartContainer').hide();
    $('#geoChartContainer').fadeIn(800, function() {});
});
geo.draw(dataTableGeo, {
    'width': 1200,
    'height': 750,
    'region': 'world',
    colorAxis: colorObject,
    // colorAxis: {values: [-1, instancesLowestValue, instancesHighestValue]},
    'backgroundColor': 'none'
});

If that doesn't fix the problem, try building a simpler version of the page that still produces the error.

[sylvainhugues]

Still not, the red Google warning "Browser does not support charts" don't rely to a showing/hiding matter. I've red that its more a security issue, Google API raises a security error... but it's very obscure. Merci, S.

[ChartALot]

Hi,

I would like to see the issue and help, but I cannot access the links provided above. Can you provide a simple example that reconstructs the issue?

Thanks.

On Sun, Jan 22, 2012 at 2:14 AM, sylvainhugues <in...@tapiocadesign.com> wrote:

Still not, the red Google warning "Browser does not support charts" don't rely to a showing/hiding matter. I've red that its more a security issue, Google API raises a security error... but it's very obscure. Merci, S.

--
You received this message because you are subscribed to the Google Groups "Google Visualization API" group.

To view this discussion on the web visit https://groups.google.com/d/msg/google-visualization-api/-/23q_cFMYDo4J.

To post to this group, send email to google-visua...@googlegroups.com.
To unsubscribe from this group, send email to google-visualizati...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-visualization-api?hl=en.

[sylvainhugues]

This link might work :
http://www.tapiocadesign.com/who-about-who/index_clickAllBrowsers.php
Merci for your help