Bonjour,

Je suis super débutant en JS, et je ne parviens pas à résoudre mon problème pourtant simple !
Je souhaite utiliser l'API de Google Charts pour réaliser un graphique.
Comme tout bon novice, j'ai commencé par coller le code de Google Charts dans une nouvelle page de mon projet, ce qui fonctionne évidemment très bien :

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
  <html>
  <head>
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript">
      google.charts.load('current', {'packages':['corechart']});
      google.charts.setOnLoadCallback(drawChart);
 
      function drawChart() {
        var data = google.visualization.arrayToDataTable([
          ['Year', 'Sales', 'Expenses'],
          ['2004',  1000,      400],
          ['2005',  1170,      460],
          ['2006',  660,       1120],
          ['2007',  1030,      540]
        ]);
 
        var options = {
          title: 'Company Performance',
          curveType: 'function',
          legend: { position: 'bottom' }
        };
 
        var chart = new google.visualization.LineChart(document.getElementById('curve_chart'));
 
        chart.draw(data, options);
      }
    </script>
  </head>
  <body>
    <div id="curve_chart" style="width: 900px; height: 500px"></div>
  </body>
</html>

Mon problème est que je n'arrive pas (en fait que je ne sais pas!) comment afficher ce graphique dans une page existante et dans un h:panelgroup par exemple, par un clic sur un bouton ce qui serait l'idéal.

Pouvez-vous m'aider SVP ?
MERCI