Discussion :

[devlm]

Bonjour,

j'utilise l'api google chart pour réaliser des camemberts.

Je cherche sur mon camembert à afficher non pas le % mais le montant dans le quartier du camembert, si quelqu'un sait comment faire.

J'ai mes montants qui sont affichés dans la légende, mais je souhaiterais mettre un espace entre les milliers et le symbole Euro.

Savez-vous comment est-ce possible ?

Merci.

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
<script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = google.visualization.arrayToDataTable([
          ['Région', 'Montant'],['ANJOU',0],['CHARENTE MARITIME',0],['CHOLETAISE',595480.34],['ILE DE FRANCE',590000],['LOIRE ATLANTIQUE - BRETAGNE - VENDEE',59000],['NORMANDIE MAINE',2000300],['TOURAINE',261000]        ], false);
 
        var options = {
          title: 'CASH NET PAR REGION',
		  titleTextStyle: {color: 'black', fontName: 'Arial', fontSize: '18'},
		  sliceVisibilityThreshold:0,
			pieSliceBorderColor:'white',
		  is3D:true
        };
 
        var chart = new google.visualization.PieChart(document.getElementById('chart1'));
        chart.draw(data, options);
      }
	  google.setOnLoadCallback(drawChart2);
      function drawChart2() {
        var data = google.visualization.arrayToDataTable([
          ['Région', 'Montant'],['ANJOU',0],['CHARENTE MARITIME',0],['CHOLETAISE',4171.16],['ILE DE FRANCE',991.87],['LOIRE ATLANTIQUE - BRETAGNE - VENDEE',39.34],['NORMANDIE MAINE',6961.77],['TOURAINE',0]        ], false);
 
        var options = {
          title: 'COMMISSIONS : DROIT D\'ENTREE PAR REGION',
	titleTextStyle: {color: 'black', fontName: 'Arial', fontSize: '18'},		  
		  sliceVisibilityThreshold:0,
			pieSliceBorderColor:'white',		  
		  is3D:true
        };
 
        var chart2 = new google.visualization.PieChart(document.getElementById('chart2'));
        chart2.draw(data, options);
      }	  
    </script>
 
<div id="chart1" style="width: 800px; height: 400px; float:left; font-size:22px;"></div>
<div id="chart2" style="width: 800px; height: 400px; float:left; font-size:22px;"></div>

[NoSmoking]

Bonsoir,

Je cherche sur mon camembert à afficher non pas le % mais le montant dans le quartier du camembert, si quelqu'un sait comment faire.

pas vu d'options permettant de changer l'affichage sur la PieChart

J'ai mes montants qui sont affichés dans la légende, mais je souhaiterais mettre un espace entre les milliers et le symbole Euro.

voir du coté de google.visualization.TableNumberFormat.

[devlm]

Je détecte une autre difficulté.

Sous internet Explorer les % dans le camembert ne s'affiche pas.

[devlm]

Pour afficher les montants dans la légende, j'ai ajouté dans mon label (ma première colonne de mon graphique) le libellé et le montant en Euros.

['Région', 'Montant'],['ANJOU - 10 000 €',10000]

J'ai par ailleurs ajouté l'option suivante pour afficher le pourcentage dans mon quartier de camembert car les montants sont trop importants et ne rentrent pas.

pieSliceText:'percentage',

Voici le code js complet :

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
    <script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = google.visualization.arrayToDataTable([
          <?php echo $statistiques_cash_net;?>
        ], false);
 
        var options = {
          title: 'CASH NET PAR REGION',
		  titleTextStyle: {color: 'black', fontName: 'Arial', fontSize: '18'},
		  sliceVisibilityThreshold:0,
			pieSliceBorderColor:'white',
			pieSliceText:'percentage',
		  is3D:true
        };
 
        var chart = new google.visualization.PieChart(document.getElementById('chart1'));
        chart.draw(data, options);
      }
</script>