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