Utilser chaque valeur de 2 variables dans google charts
Bonjour,
tout d'abord je tiens a préciser que je suis un novice en programmation et que suite à la création d'un petit javascript pour comparer certaines données, je pédale un peu dans la semoule tant qu'a pourvoir utiliser les valeurs de mes variables dans un google charts :aie:.
En effet il ne me donne que la valeur du dernier passage de la boucle...:weird:
Comment puis-je faire pour afficher chaque valeur d'une même variable dans mon charts ?
comme dans mon tableau html.
idéalement j'aimerais retrouver les valeurs de receivedDate sur l axe x et les valeurs de delay sur l'axe y, pour l moment seulement une valeur une seule valeur pour delay est affichée et rien pour ma première variable
Si quelqu'un a la patience et l’amabilité de m'aider je l'en remercie d'avance
Code:
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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
| <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<script type="text/javascript">
function PopulateTable()
{
var objOutlook = new ActiveXObject("Outlook.Application");
var session = objOutlook.Session;
var selecteditem = objOutlook.ActiveExplorer.Selection.Item(1);
for(var folderCount = 1;folderCount <= session.Folders.Count; folderCount++)
{
var folder = session.Folders.Item(folderCount);
if(folder.Name.indexOf("alex")>=0)
{
for(var subFolCount = 1; subFolCount <= folder.Folders.Count; subFolCount++)
{
var sampleFolder = folder.Folders.Item(subFolCount);
if(sampleFolder.Name.indexOf("Inbox")>=0)
{
for(var itmCount = 1; itmCount < 10; itmCount++)
{
var itm = sampleFolder.Items.Item(itmCount);
//alert(itm.SenderName);
var sentDate = itm.SentOn;
var receivedDate = itm.ReceivedTime;
var delay= itm.ReceivedTime - itm.SentOn ;
//alert(delay);
var tbl = document.getElementById('tblContents');
if(tbl)
{
var tr = tbl.insertRow(tbl.rows.length);
if(tbl.rows.length%2 != 0)
tr.className = "alt";
var tdsentDate = tr.insertCell(0);
var tdreceivedDate = tr.insertCell(1);
var tddelay = tr.insertCell(2);
tdsentDate.innerHTML = sentDate;
tdreceivedDate.innerHTML = receivedDate ;
tddelay.innerHTML = delay + ' ms';
google.charts.load('current', {'packages':['corechart']});
google.charts.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['test', 'delay'],
['test', delay],
]);
var options = {
title: 'delay',
vAxis: {title: 'Delay in ms'},
isStacked: true
};
var chart = new google.visualization.SteppedAreaChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
}
//itm.UnRead = false;
}
break;
}
}
break;
}
}
return;
}
</script>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="refresh" content="3600" >
</head>
<style>
table, td {
border: 1px solid black;
}
</style>
<body onload="PopulateTable()">
<button onclick="PopulateTable()">Populate</button>
<table id="tblContents">
<tr>
<td>Sent on</td>
<td>Receive on</td>
<td>Delay</td>
</tr>
</table>
<div id="chart_div" style="width: 100%; height: 500px;"></div>
</body>
</html> |
Excellente journée à tous
Alex
