Discussion :

[Zebulon777]

Bonjour à tous,

je recompose la bulle d'aide (tooltip) mais je n'arrive pas à récupérer les symboles des légendes.
Je voudrai récupérer les points de couleurs comme sur cet exemple :

pour les mettre sur ma bulle :


Comment est-ce que je peux faire ?

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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
 
tooltip: {
	show: true,
	trigger: "axis",
	backgroundColor: "rgba(50,50,50,0.7)", // Valeur par défault : une sorte de gris un peu transparent
	formatter: function (params) {
 
console.log("[params[0].name]="+[params[0].name]);		
console.log("params[0].componentType="+params[0].componentType);		
console.log("params[0].seriesType="+params[0].seriesType);		
console.log("params[0].seriesIndex="+params[0].seriesIndex);		
console.log("params[0].seriesName="+params[0].seriesName);		
console.log("params[0].name="+params[0].name);		
console.log("params[0].dataIndex="+params[0].dataIndex);		
console.log("params[0].data="+params[0].data);		
console.log("params[0].value="+params[0].value);		
console.log("params[0].color="+params[0].color);
console.log("params[1].color="+params[1].color);
console.log("params[2].color="+params[2].color);
//console.log("JourTXT[params[0].dataIndex]="+JourTXT[params[0].dataIndex]);
//console.log("DateRef_X[params[0].dataIndex]="+DateRef_X[params[0].dataIndex]);
//console.log("DateMouv_N[params[0].dataIndex]="+DateMouv_N[params[0].dataIndex]);
//console.log("DateMouv_N1[params[0].dataIndex]="+DateMouv_N1[params[0].dataIndex]);
//console.log("DateMouv_N2[params[0].dataIndex]="+DateMouv_N2[params[0].dataIndex]);
//console.log("NumSemaine_X[params[0].dataIndex]="+NumSemaine_X[params[0].dataIndex]);
 
		var WDateMouv_N = DateMouv_N[params[0].dataIndex];
		WDateMouv_N = WDateMouv_N.slice(8,10) + "/" + WDateMouv_N.slice(5,7) + "/" + WDateMouv_N.slice(0,4);
		var WDateMouv_N1 = DateMouv_N1[params[0].dataIndex];
		WDateMouv_N1 = WDateMouv_N1.slice(8,10) + "/" + WDateMouv_N1.slice(5,7) + "/" + WDateMouv_N1.slice(0,4);
		var WDateMouv_N2 = DateMouv_N2[params[0].dataIndex];
		WDateMouv_N2 = WDateMouv_N2.slice(8,10) + "/" + WDateMouv_N2.slice(5,7) + "/" + WDateMouv_N2.slice(0,4);
		var WCoulN = params[0].color;
		var WCoulN1 = params[1].color;
		var WCoulN2 = params[2].color;
		var WNbMouvN = NbMouvN_Y[params[0].dataIndex];
		var WNbMouvN1 = NbMouvN1_Y[params[0].dataIndex];
		var WNbMouvN2 = NbMouvN2_Y[params[0].dataIndex];
		var L0 = " - " + JourTXT[params[0].dataIndex] + " (sem " + NumSemaine_X[params[0].dataIndex] + ") - " + "<br>";
		var L1 = WDateMouv_N + " : " + WNbMouvN + "<br>";
		var L2 = WDateMouv_N1 + " : " + WNbMouvN1 + "<br>";
		var L3 = WDateMouv_N2 + " : " + WNbMouvN2 + "<br>";
		var WBulle = L0 + L1 + L2 + L3;
		return WBulle;
 
	},

Merci d'avance.

[Zebulon777]

Je me réponds : je n'avais pas utilisé les bons paramètes.
En remplaçant params par data, ça va beaucoup mieux.

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
 
tooltip: {
	show: true,
	trigger: "axis",
	backgroundColor: "rgba(50,50,50,0.7)", // Valeur par défault : une sorte de gris un peu transparent
	formatter: function(data) {
			var WDateMouv_N = DateMouv_N[data[0].dataIndex];
			WDateMouv_N = WDateMouv_N.slice(8,10) + "/" + WDateMouv_N.slice(5,7) + "/" + WDateMouv_N.slice(0,4);
			var WDateMouv_N1 = DateMouv_N1[data[0].dataIndex];
			WDateMouv_N1 = WDateMouv_N1.slice(8,10) + "/" + WDateMouv_N1.slice(5,7) + "/" + WDateMouv_N1.slice(0,4);
			var WDateMouv_N2 = DateMouv_N2[data[0].dataIndex];
			WDateMouv_N2 = WDateMouv_N2.slice(8,10) + "/" + WDateMouv_N2.slice(5,7) + "/" + WDateMouv_N2.slice(0,4);
			var WNbMouvN = NbMouvN_Y[data[0].dataIndex];
			var WNbMouvN1 = NbMouvN1_Y[data[1].dataIndex];
			var WNbMouvN2 = NbMouvN2_Y[data[2].dataIndex];
			var L0 = " - " + JourTXT[data[0].dataIndex] + " (sem " + NumSemaine_X[data[0].dataIndex] + ") - " + "<br>";
			var L1 = data[0].marker + " " + WDateMouv_N + " : " + WNbMouvN + "<br>";
			var L2 = data[1].marker + " " + WDateMouv_N1 + " : " + WNbMouvN1 + "<br>";
			var L3 = data[2].marker + " " + WDateMouv_N2 + " : " + WNbMouvN2 + "<br>";
			var WBulle = L0 + L1 + L2 + L3;
			return WBulle;
	},