Lignes / Serie chart

Indicateurs simples

Indicateur Lignes / Serie chart

Description

Disponible depuis la version 1.2.0 de moovapps-kit-indicators.

Les Lignes sont construit grâce à la bibliothèque dc.js. Ainsi, ils utilisent tout les paramètres de Filtrage Général. De plus, ils font parties de MarginMixin, donc ils utilises aussi tout les paramètres de Marges.

Paramétrage

variables	Valeurs possibles	Valeur par défaut	Commentaire	Dependance
class	com.moovapps.kit.indicators.controllers.extensions.DefaultIndicatorExtension	Aucune	Fonctionnalité à définir, en évolution	Aucune
scaleBand	Boolean	false	recommanded to false: cf d3.scaleBand()	Aucune
xAxisLabel	String	false	Label de l’axe des X	Aucune
yAxisLabel	String	false	Label de l’axe des Y	Aucune
renderHorizontalGridLines	Boolean	false	Affiche une grille horizontale	Aucune
orderxAxis	Boolean	false	Ordonne l’axe des X	Aucune

Exemples de paramétrage

Remarque

Requête pour l’exemple

 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


SELECT xAxis, xAxisName, yAxis, zAxis, zAxisName, dateFieldFilter, fieldFilter
FROM (
	SELECT  
		r.ProduitId AS xAxis,
		r.Produit AS xAxisName,
		r.NoteDuClient AS yAxis,
		r.Categorie as zAxisName,
		r.sys_CreationDate as dateFieldFilter,
		r.bonusFieldFilter as fieldFilter
	FROM vdp_workflow_instance wi 
	INNER JOIN r_wortest7 r ON wi.resourceTable_id = r.id  
	INNER JOIN vdp_workflow w ON wi.workflow_id = w.id  
	WHERE (((w.workflowContainer_id = 22  ) ) ) 
	ORDER BY xAxis ) r1
INNER JOIN (
  SELECT 
		r.Categorie as zAxisName,
		RANK() OVER (ORDER BY Categorie ASC) as zAxis
	FROM
		vdp_workflow_instance wi
	INNER JOIN r_worcatimprove r ON wi.resourceTable_id = r.id
	INNER JOIN vdp_workflow w ON wi.workflow_id = w.id
	INNER JOIN vdp_workflow_container wc ON w.workflowContainer_id = wc.id
		AND wc.name = 'WOR_IMPROVEMENT_REQUEST'
	where Categorie IS NOT NULL
	group by Categorie
	) AS r2 on r1.zAxisName = r2.zAxisName

Avertissement

Il y a plusieurs points important dans la requête :\n

Identifier les axes xAxis, xAxisName, zAxis, zAxisName.\n
Attention a la correspondence entre zAxis et zAxisName.

Exemple de paramétrage spécifique côté composant :

1
2
3
4
5
6


class=com.moovapps.kit.indicators.controllers.extensions.DefaultIndicatorExtension
scaleBand=false
xAxisLabel=xLabel
yAxisLabel=yLabel
renderHorizontalGridLines=false
orderxAxis=false

Exemple d’utilisation des filtres

Cf Filtres

Exemple d’utilisation des marges

Cf Marges

Paramétrage des légendes

variables	Valeurs possibles	Valeur par défaut	Commentaire	Dependance
legend	Boolean	false	Active l’affichage d’une légende	Aucune
legendFontSize	Integer	12	taille de la police	legend=true
hideNumber	Boolean	false	Cache ou non le nombre d’élément a droite des légendes	legend=true
legendDynamic	Boolean	false	Permet d’avoir une légende dynamique aux filtres	legend=true
htmlLegend	Boolean	false	cas 1: Utilisation recommandée, affiche la légende à droite du graphe	legend=true
legendX	Integer	50	cas 2: Position x en coordonnée cartésienne sur le graphique (correspond au bas a gauche du carré “legend”)	legend=true
legendY	Integer	400	cas 2: Position Y en coordonnée cartésienne sur le graphique	legend=true
legendHorizontal	Boolean	false	cas 2: Affiche la légende sur une ligne ou sur plusieurs	legend=true
legendItemHeight	Integer	5	cas 2: Poids de la police	legend=true
legendGap	Integer	0	cas 2: Distance entre 2 légendes. Horizontalement ou verticalement	legend=true
highlightSelected	Boolean	false	Active la surbrillance de la légende	legend=true

Exemples d’utilisation des légendes

1
2
3
4
5
6


legend=true
htmlLegend=true
legendFontSize=12
hideNumber=false
legendDynamic=true
highlightSelected=false

1
2
3
4
5
6
7
8
9


legend=true
legendFontSize=12
legendX=50
legendY=420
legendHorizontal=true
legendItemHeight=10
legendGap=100
hideNumber=false
legendDynamic=true