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
|
function Dessine()
{
Ext.onReady(function(){
Ext.Ajax.request({
url: 'Ajax_compte_paliers.php',
method:"POST",
success: function(result,request) {
var myData = {
records : Ext.util.JSON.decode(result.responseText) };
var datastore = new Ext.data.JsonStore({
fields: [ {name: 'Code_PRT'},
{name: 'Nb', type: 'int'}],
data: myData.records});
new Ext.Panel({
title: 'Nombre de paliers par projet pour les 35 premiers projets',
frame:true,
renderTo: 'panel',
width:1000,
height:350,
layout:'fit',
items: {
xtype: 'columnchart',
store: datastore,
xField: 'Code_PRT',
yField: 'Nb',
listeners: { },
chartStyle: {
padding: 10,
animationEnabled: true,
font: {
name: 'Verdana',
color: 0x000000,
size: 8
},
xAxis: {
color: 0x69aCc8,
majorTicks: {color: 0x69aBc8, length: 4},
minorTicks: {color: 0x69aBc8, length: 2},
majorGridLines: {size: 1, color: 0xeeeeee}
},
series: [{
type: 'column',
displayName: '',
style: {
image:'bar.gif',
mode: 'stretch',
color:0xA54D67
}
}]
},
}
})
},
failure: function (result, request) {
Ext.MessageBox.alert('Problème de récupération des Nombre de paliers', result.responseText); }, })
})
} |
