I see only 1 chart per page, but there is only one chart in the in the page
source, so that's all I expect to see:
<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 data = google.visualization.arrayToDataTable([
['Poste', 'Les moins énergivores', 'Ma consommation', 'Les plus
énergivores', { role: 'annotation' } ],
['Chauffage', 380, 410, 580, ''],
['Eau chaude', 75, 90, 139, ''],
['Réseau prises', 235, 267, 395, ''],
['Autres usages', 220, 300, 368, ''],
]);
var options = {
width: 1000,
height: 400,
title:'Votre consommation du 05/01/2014 au 21/01/2014',
colors:['#97C802','#9596C1','#FF6633'],
legend: { position: 'top', maxLines: 3 },
bar: { groupWidth: '75%' },
isStacked: true,
};
var chart = new
google.visualization.ColumnChart(document.getElementById('column_div'));
chart.draw(data, options);
}
</script>
</head>
<body>
<div id="column_div" style="width: 900px; height: 500px;"></div>
</body>
</html>
As an aside, when you insert this code, you should not have <html>, <head>,
or <body> tags, as they are not valid child elements of <body> or any of
its descendants.
On Friday, January 31, 2014 4:51:36 AM UTC-5, Jean-Jacques Biasotto wrote:
>
> I'm very sorry, i didn't stopped session control because of time...
> Now it's fixed, you can try again.
>
> Le jeudi 30 janvier 2014 12:07:36 UTC+1, Jean-Jacques Biasotto a écrit :
>>
>> Hello everyone,
>>
>> I created a function which creates a new combo chart in a new repeted
>> area if a value is not null.
>>
>> For each non null value from a data file, i call a text file including
>> Visualisation API code modified with variables, i change variables and load
>> it in an html area in a repeted area.
>>
>> I have no error but my combo charts are not displayed but i can see them
>> with debugger...
>>
>> Any idea ?
>>
>>
>> here is text file : (each "%X" is a variable i modifie when creating
>> combo chart)
>>
>> *<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
>> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd
>> <http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd>">*
>> *<html xmlns="http://www.w3.org/1999/xhtml
>> <http://www.w3.org/1999/xhtml>">*
>> * <head>*
>> * <meta http-equiv="content-type" content="text/html; charset=utf-8"/>*
>> * <title>*
>> * %2*
>> * </title>*
>> * <script type="text/javascript" src="https://www.google.com/jsapi
>> <https://www.google.com/jsapi>"></script>*
>> * <script type="text/javascript">*
>> * google.load('visualization', '1', {packages: ['corechart']});*
>> * </script>*
>> * <script type="text/javascript">*
>> * function drawVisualization%4() {*
>> * // Some raw data (not necessarily accurate)*
>> * var data = google.visualization.arrayToDataTable([*
>> * %1*
>> * ]);*
>>
>> * var options = {*
>> * title : '%2',*
>> * vAxis: {title: "%7"},*
>> * hAxis: {title: "%8"},*
>> * seriesType: "bars",*
>> * series: { %3*
>> * } *
>> * };*
>>
>> * var chart = new
>> google.visualization.ComboChart(document.getElementById('%4_div'));*
>> * chart.draw(data, options);*
>> * }*
>> * google.setOnLoadCallback(drawVisualization%4);*
>> * </script>*
>> * </head>*
>> * <body>*
>> * <div id="%4_div" style="width: %5px; height: %6px;"></div>*
>> * </body>*
>> *</html>*
>>
>>
>> Here is what i get in debugger :
>>
>> *function drawVisualizationCH() { *
>> * // Some raw data (not necessarily accurate) *
>> * var data = google.visualization.arrayToDataTable([ *
>> * ['Mois','Chauffage','économe','normalisé','énergivore'], *
>> *['12-01 2014',410,380,400,580] *
>> * ]); *
>> * var options = { *
>> * title : 'Votre consommation en Chauffage comparée ', *
>> * vAxis: {title: "Kwh"}, *
>> * hAxis: {title: "Chauffage"}, *
>> * seriesType: "bars", *
>> * series: { 0: {color: '#97C802'}, *
>> *1: {type: 'line',color: '#0000FF'}, *
>> *2: {type: 'line',color: '#009F00'}, *
>> *3: {type: 'line',color: '#FF0000'} *
>> * } *
>> * }; *
>> * var chart = new
>> google.visualization.ComboChart(document.getElementById('CH_div')); *
>> * chart.draw(data, options); *
>> * } *
>> * google.setOnLoadCallback(drawVisualizationCH); *
>> *</script>*
>> *<div id="CH_div" style="width: 250px; height: 250px;"></div>*
>>
>> Thanks a lot for your help and your time spent.
>>
>>
--
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/groups/opt_out.
