Your code says:

>             *google.charts.load('current', {'packages': ['corechart'],
> 'language': 'fr'});     <<<<<<<<<<<<< my charts are not displayed!*
>
            google.charts.load('current', {'packages':
> ['annotationchart']});


So you have two calls of google.charts.load, which is generally not a good
idea, even if it works at all.  This may be the cause of your problem.  In
any event, you will not be able to mix the two different language versions
on the same page, with or without the language: 'fr' setting.    So I
suggest combining them into one:

 google.charts.load('current', {'packages': ['corechart',
'annotationchart'], 'language': 'fr'});

If your charts are still not displaying, this is probably unrelated to the
language: 'fr' setting, which you can prove by removing it.  Check your
browser debugger console to see if there are any errors reported there.

If you really need two different language versions on the same page, you
will have to hide one or the other chart in an iframe, to isolate it from
the rest of the page.


On Tue, Oct 8, 2019 at 10:17 AM Denis Duval <[email protected]> wrote:

> thank you for your reply.
>
> Here my code :
>
> HTML :
>
> <?xml version='1.0' encoding='UTF-8' ?>
>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
>> http://www.w3.org/TR/html4/loose.dtd";>
>
> <html xmlns="http://www.w3.org/1999/xhtml";
>
>       xmlns:ui="http://java.sun.com/jsf/facelets";
>
>       xmlns:h="http://java.sun.com/jsf/html";
>
>       xmlns:f="http://java.sun.com/jsf/core";
>
>       xmlns:c="http://xmlns.jcp.org/jsp/jstl/core";
>
>       xmlns:p="http://primefaces.org/ui";
>
>       xmlns:pe="http://primefaces.org/ui/extensions";>
>
>     <h:head>
>
>         <title>Projet J.O.D</title>
>
>         <meta http-equiv="content-type" content="text/html;
>> charset=utf-8"/>
>
>         <link type="text/css" rel="stylesheet"
>> href="/javax.faces.resource/theme.css.xhtml?ln=primefaces-#{utilitaireManagerBean.themeCourant}"/>
>
>         <link type="text/css" rel="stylesheet" href="CSS_Principal.css"
>> media="screen"/>
>
>
>>         <!--Script utilisés pour les graphiques-->
>
>         <script type="text/javascript"
>> src="graphiqueGoogleChart.js"></script>
>
>         <script type="text/javascript" src="graphiqueExporter.js"></script>
>
>
>>         <!--Chargement de Google Chart et 2 premiers graphiques-->
>
>         <script type="text/javascript">
>
>             //google.charts.load('current', {'packages': ['corechart']});
>
>             *google.charts.load('current', {'packages': ['corechart'],
>> 'language': 'fr'});     <<<<<<<<<<<<< my charts are not displayed!*
>>
>             google.charts.load('current', {'packages':
>> ['annotationchart']});
>
>
>> google.charts.setOnLoadCallback(espaceStandardFormationEvolutionEpargneDisponible);
>
>
>> google.charts.setOnLoadCallback(espaceStandardNiveauEvolutionTroisEpargnes);
>
>         </script>
>
>
>>         <!--Pour export d'un graphique au format PDF-->
>
>         <script src="https://unpkg.com/jspdf@latest/dist/jspdf.min.js
>> "></script>
>
>
>>         <script type="text/javascript">
>
>             function noteMenuContextuelPosition()
>
>             {
>
>                 var element = document.elementFromPoint(event.clientX,
>> event.clientY);
>
>                 var parent = element.parentNode;
>
>                 rcNoteMenuContextuelPosition([
>
>                     {name: 'menuTop', value: event.clientY},
>
>                     {name: 'menuLeft', value: event.clientX},
>
>                     {name: 'elementPage', value: element.innerHTML},
>
>                     {name: 'elementParent', value: parent.id}
>
>                 ]);
>
>             }
>
>         </script>
>
>         <script type="text/javascript">
>
>             function noteDropPosition(event, ui)
>
>             {
>
>                 rcNotePosition([{name: 'noteTop', value: ui.position.top},
>> {name: 'noteLeft', value: ui.position.left}]);
>
>             }
>
>         </script>
>
>     </h:head>
>
>     <h:body>
>
>         <f:view>
>
>             <h:form id="form">
>
>                 <p:outputPanel id="idPage" class="panelPage">
>
>
>>                     <div style="display: flex; width: 100%; margin-top:
>> 70px">
>
>
>>                         *<div id="idGraphiqueEspaceStandard1"
>> style="margin-left: 0; width: 50%; height: 400px; border-right: 1px solid
>> lightgrey"></div>*
>
>
>> *                        <div id="idGraphiqueEspaceStandard2"
>> style="margin-right: 0; width: 50%; height: 400px"></div>*
>
>
>>                     </div>
>
>  ...
>
>
>
>
> --
> 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 view this discussion on the web visit
> https://groups.google.com/d/msgid/google-visualization-api/b61a6061-6d79-4632-a675-ea9a6c47a986%40googlegroups.com
> <https://groups.google.com/d/msgid/google-visualization-api/b61a6061-6d79-4632-a675-ea9a6c47a986%40googlegroups.com?utm_medium=email&utm_source=footer>
> .
>


-- 
Daniel LaLiberte <https://plus.google.com/100631381223468223275?prsrc=2>
[email protected] <[email protected]>   Cambridge MA

-- 
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 view this discussion on the web visit 
https://groups.google.com/d/msgid/google-visualization-api/CAOtcSJMS%3Dcd8AcfXq9X4HWGwqy-Znd2h5fp2xkb5GtkVMaaNqQ%40mail.gmail.com.

Reply via email to