[Google Visualization]Ouvrir un tooltip

**x-zolezzi** · 07/03/2012, 23h08

Bonjour à tous, je souhaiterai pouvoir faire apparaitre le "tooltip" d'une part d'un camembert sur le clic ou le survol d'un div.
Je sais pas si c'est possible car je n'ai rien trouvé dans la documentation ni même dans google.

Code :

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
33
34
35
36
37
38
<html>
  <head>
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"]});
      $(function () {
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'Task');
        data.addColumn('number', 'Hours per Day');
        data.addRows([
          ['Work',    11],
          ['Eat',      2],
          ['Commute',  2],
          ['Watch TV', 2],
          ['Sleep',    7]
        ]);
 
        var options = {
          title: 'My Daily Activities'
        };
 
        var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
        chart.draw(data, options);
 
        $('#cl').hover(function ()
        {
            chart.setSelection([{row:2, column:null}]);
            /*** Affichage du tooltip ***/
        });
      });
    </script>
  </head>
  <body>
    <div id="chart_div" style="width: 900px; height: 500px;"></div>
    <div id="cl">Click</div>
  </body>
</html>

Si quelqu'un a la solution je suis preneur...

Merci d'avance

**NoSmoking** · 11/03/2012, 20h48

Bonjour,
il ne semble pas possible effectivement de "trigger" et surtout d'obtenir le même résultat que le survol du camembert.

Tu peux par contre, si cela en vaut la peine, le gérer toi même en changeant par exemple les couleurs des portions et en affichant ta propre bulle d'information.

[Google Visualization]Ouvrir un tooltip

APIs Google

Discussions similaires

Partager

Partager