Google Charts: function addRows()

**Baraas** · 29/01/2016, 09h04

Bonjour à tous,

J'ai un soucis avec ma fonction addRows(), malgré tout mes différents test, je n'arrive pas à insérer des données dans mon tableau..
J'ai même vérifier si ma variable enregistre bien la valeur de l'input (grâce à un alert()

et cela fonctionne parfaitement.

Voici le code:

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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="style.css" />
<!--Load the Ajax API -->
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
    //Load the visualization API and the pichart packages
    google.charts.load('current', {'packages':['table']});
  //Set a callback to run when the Google Visualization API is loaded
  google.charts.setOnLoadCallback(drawTable);
  var btOk = document.getElementByName('b1');btOk.disabled = true;
  function drawTable(){
        var data = new google.visualization.DataTable();
    data.addColumn('string','Référence');
    data.addColumn('string','Désignation');
    data.addColumn('number','Quantité');
    data.addColumn('number','Seuil d\'alerte');
    data.addColumn('string','Dimension');
    data.addColumn('string','Sens de prise');
    data.addColumn('number','Gerbabilité');
    var table = new google.visualization.Table(document.getElementById('table_div'));
    table.draw(data, {showRowNumber: true, width: '100%', height: '100%'});
 
  }
  function button(){
  var data = new google.visualization.DataTable();
    data.addColumn('string','Référence');
    data.addColumn('string','Désignation');
    data.addColumn('number','Quantité');
    data.addColumn('number','Seuil d\'alerte');
    data.addColumn('string','Dimension');
    data.addColumn('string','Sens de prise');
    data.addColumn('number','Gerbabilité');
    /*var ref = document.getElementById('ref').value;
    var des = document.getElementById('des').value;
    var qte = document.getElementById('qte').value;
    var sa* = document.getElementById('sa').value;
    var dim = document.getElementById('dim').value;
    var sdp = document.getElementById('sdp').value;
    var ger = document.getElementById('ger').value;*/
    data.addRows([
          [document.getElementById('ref').value,
          *document.getElementById('des').value,
          *document.getElementById('qte').value,
          *document.getElementById('sa').value,
          *document.getElementById('dim').value,
          *document.getElementById('sdp').value,
          *document.getElementById('ger').value]
          /*['Mike','M',12,1,'OKOK','OK',1],
          ['Mike','M',12,1,'OKOK','OK',1],
          ['Mike','M',12,1,'OKOK','OK',1]*/
        ]);
  var table = new google.visualization.Table(document.getElementById('table_div'));
    table.draw(data, {showRowNumber: true, width: '100%', height: '100%'});
    }
</script>
</head>
<body>
  <div id="table_div">* </div>
  <label for="ref">Référence: </label><input type="text" value="" id="ref"><br/>
  <label for="des">Désignation: </label><input type="text" value="" id="des"><br/>
  <label for="qte">Quantité: </label><input type="text" value="" id="qte"><br/>
  <label for="sa">Seuil d'alerte: </label><input type="text" value="" id="sa"><br/>
  <label for="dim">Dimension: </label><input type="text" value="" id="dim"><br/>
  <label for="sdp">Sens de prise: </label><input type="text" value="" id="sdp"><br/>
  <label for="ger">Gerbabilité: </label><input type="text" value="" id="ger"><br/>
  <input type=button value="Valider" id="b1" onclick="button()">
</body>
</html>

Avez vous une solution à mon problème ??

Bonne journée

**Baraas** · 29/01/2016, 09h55

J'ai trouvé une solution,

Il semble qu'en changeant le addColumn('number','blabla') en addColumn('string','blabla'), tout fonctionne.

Bonne journée

Google Charts: function addRows()

JavaScript

Discussions similaires

Partager

Partager