Thanks for your help. I copied your code but it is still not working. The
chart stays white.
This is the whole code with your backgroundcolor option. Maybe you can have
a quick look and tell what is wrong with it.
"data:text/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(drawSeriesChart);
function drawSeriesChart() {
var data = google.visualization.arrayToDataTable([
['ID', 'Attributrating','Fertility Rate', 'Region',
'Population'],
['" & Spieler::Name & "', " & Spieler::Attributrating Punkt & ",
3, 'Spieler', 0],
['" & Clubs::Clubname & "', " & Spieler::Durchschnitt
Attributrating Club Punkt & ", 2, 'Club', 0],
['" & Clubs::Liga & "'," & Spieler::Durchschnitt Attributrating
Liga Punkt & ", 1, 'Liga', 0]
]);
var options = {
title: 'Wertevergleich Attributrating Spieler/Club/Liga',
hAxis: {title: 'Attributrating'},
vAxis: {title: ''},
bubble: {textStyle: {fontSize: 8},
}
};
var chart = new
google.visualization.BubbleChart(document.getElementById('series_chart_div'));
chart.draw(data, options);
}
function drawGradientColorChart() {
var data = google.visualization.arrayToDataTable([
['ID', 'X', 'Y', 'Temperature'],
['', 80, 167, 120],
['', 79, 136, 130],
['', 78, 184, 50],
['', 72, 278, 230],
['', 81, 200, 210],
['', 72, 170, 100],
['', 68, 477, 80]
]);
var options = {
colorAxis: {
colors: ['yellow', 'red']
},
backgroundColor: '#453391'
};
var chart = new
google.visualization.BubbleChart(document.getElementById('gradient_chart_div'));
chart.draw(data, options);
}
</script>
</head>
<body bgcolor=#5E5C5C>
<div id=\"series_chart_div\" style=\"width: 400px; height:
270px;\"></div>
</body>
</html>"
Am Freitag, 24. Oktober 2014 01:40:00 UTC+2 schrieb Andrew Gallant:
>
> The "colorAxis" option is missing the closing "}", but with such a syntax
> error, the chart should fail to draw, so I assume you have it correct in
> your code. Make sure that backgroundColor is its own option, and not a
> sub-option of colorAxis, eg:
>
> correct:
>
> var options = {
> colorAxis: {
> colors: ['yellow', 'red']
> },
> backgroundColor: '#453391'
> };
>
> incorrect:
>
> var options = {
> colorAxis: {
> colors: ['yellow', 'red'],
> backgroundColor: '#453391'
> }
> };
>
>
>
> On Thursday, October 23, 2014 8:58:49 AM UTC-4, Dustin Böttger wrote:
>>
>>
>>
>> Am Donnerstag, 23. Oktober 2014 14:39:05 UTC+2 schrieb Andrew Gallant:
>>>
>>> Set the backgroundColor option:
>>>
>>> var options = {
>>> colorAxis: {colors: ['yellow', 'red'],
>>> backgroundColor: '#453391'
>>> };
>>>
>>> Unfortunately, it does not work for me.
>>>
>>
>> <https://lh4.googleusercontent.com/-KKOKq40whEk/VEj7gwT0j8I/AAAAAAAAACA/YzGhRD5uR20/s1600/Bildschirmfoto%2B2014-10-22%2Bum%2B12.12.40.png>
>>
>> chart still looks like this
>>
>>
>>
>
--
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 [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/google-visualization-api.
For more options, visit https://groups.google.com/d/optout.
