Couleur d'un columnchart [Résolu]

[MadMax4]

Bonjour,

Je voulais tester les "charts" d'EXTJs 3.3.1.
J'ai fait un petit graphe à bâtons (voir code ci-dessous)
Mais je n'arrive pas à modifier la couleur des bâtons !
Pourtant, dans la section "series", il y a un code couleur ; j'ai beau le changer, rien n'y fait !

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
 
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); },			})											
					 })
}

Quelqu'un a-t-il déjà essayé les charts ?

cordialement
MadMax