Bonjour,

J'essaie d'afficher un graphique, barres horizontales (view:'stackedBarH') avec dhtmlXChart. Les données sont actualisées au format xml (barChart1.load(URL,'xml')).

J'ai deux problèmes :

  1. comment définir la largeur des labels de l'axe Y (ce sont des noms qui apparaissent tronqués) ?
  2. le nombre de séries pour l'empilement des barres étant variable, comment accéder au nombre de séries. J'ai pensé ajouter une balise <nombre_series> dans le fichier xml. Mais comment accéder au contenu de cette balise ?


Voici le JavaScript :

Code javascript : 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
 
barChart1 =  new dhtmlXChart({
	view:'stackedBarH',
	container:'chart1',
	value:'#D2013_11#',
	label:'#nom#',
	gradient:'light',
	color:'#a7ee70',
	width:50,
	xAxis:{
		title:'Nb jours de présence',
		start:0,
		template:'{obj}'
	},
	yAxis:{
		template:' '
	}
});
barChart1.load(x,'xml');
barChart1.addSeries({
	value: '#D2013_12#',
	label:'#D2013_12#',
	color: '#a7ee70',
});
barChart1.addSeries({
	value: '#D2013_10#',
	label:'#D2013_10#',
	color: '#a7ee70',
});

Et le contenu du ficher xml renvoyé par l'adresse URL :

Code xml : 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
<data>
<nombre_series>
2
</nombre_series>
<item id='0'>
	<nom>BEvan</nom>
	<D2013_02>5</D2013_02>
	<D2013_03>9</D2013_03>
	</item>
<item id='1'>
	<nom>Brole</nom>
	<D2013_02>5</D2013_02>
	<D2013_03>7</D2013_03>
</item>
<item id='2'>
	<nom>Bomas</nom>
	<D2013_02>5</D2013_02>
	<D2013_03>7</D2013_03>
</item>
<item id='3'>
	<nom>Bais</nom>
	<D2013_02>0</D2013_02>
	<D2013_03>0</D2013_03>
</item>
</data>