Modèle:Graph:Lines

Documentation[voir] [modifier] [historique] [purger]

Utilisation et paramètres

Description du rôle de ce modèle à compléter. Insérer le code Templatedata dans cette section

Avec le wikicode	Avec l’éditeur visuel
Cliquez sur « Modifier le code » et insérez la syntaxe suivante : `{{Graphique Ligne\|paramètre1\|nom1param=valeur1}}`	Cliquez sur modifier. L'éditeur visuel s'ouvre. Insérer Modèle Renseignez le modèle Graphique Ligne dans le champ de recherche. Renseignez les champs concernés. Enregistrez. Autre solution, quand vous modifiez une page ou discutez avec Discussions structurées : Tapez `{{` Renseignez le modèle Graphique Ligne dans le champ de recherche. Renseignez les champs concernés. Enregistrez. La plupart des modèles sont documentés directement dans l’éditeur visuel.

Aucune description.

Paramètres du modèle[Modifier les données du modèle]
Paramètre		Description	Type	État
Aucun paramètre spécifié

Exemple 1 - Source table Commons

{{Graph:Lines
| table=bls.gov/US Women's weekly earnings as a percent of men's by age, annual averages.tab
| type=year | xField=year
| series="age_16_24", "age_25_34", "age_35_44", "age_45_54"
| title=Pourcentage de salaire d'une femme vis-à-vis d'un homme aux USA 
| yZero=false | xAxis=Année | yAxis=Pourcentage |yAxisFormat=r| yMax=100 | yGrid=y | width=550 | legend=Groupe d'âge
| vAnnotationsValues={"text": "Événement fictif", "x": 1990}
}}

Pour des raisons techniques, il est temporairement impossible d'afficher le graphique qui aurait dû être présenté ici.

Voir ou modifier les données brutes du graphique.

Exemple 2 - Source Wikidata

{{Graph:Lines
| tabletype=query | table=
SELECT ?decade (COUNT(?decade) AS ?count) WHERE {
  ?item wdt:P31 wd:Q3305213 .
  ?item wdt:P571 ?inception .
  BIND( year(?inception) as ?year ). 
  BIND( ROUND(?year/10)*10 as ?decade ) .
  FILTER( ?year > 1400)
  FILTER( ?year <= year(now()))
} GROUP BY ?decade ORDER BY ?decade
| series="count" | type=year | xField=decade
| title=Peintures par décennies
|yAxisFormat=s
| yZero=false  | width=550
| hAnnotationsValues={"text": "Maximum", "x": 20000}
}}

Pour des raisons techniques, il est temporairement impossible d'afficher le graphique qui aurait dû être présenté ici.

Voir la requête brute et les sources sur Wikidata.

Exemple 3 - Source Wikidata

La requête Wikidata fournit trois colonnes - année, population, et le nom du pays. Ce graph montre une ligne par pays.

{{Graph:Lines
| tabletype=query | table=
#Population des pays voisins de l'Allemagne
SELECT ?year ?population ?countryLabel WHERE {
  {
    SELECT ?country ?year (AVG(?populations) AS ?population) WHERE {
      {
        SELECT ?country (YEAR(?date) AS ?year) ?populations WHERE {
          ?country wdt:P47 wd:Q183.
          ?country p:P1082 ?populationStatement.
          ?populationStatement ps:P1082 ?populations.
          ?populationStatement pq:P585 ?date.
          FILTER(year(?date)>=1920) .
           FILTER( ?country not in (wd:Q1201)).
        }
      }
    }
    GROUP BY ?country ?year
  }
  SERVICE wikibase:label { bd:serviceParam wikibase:language "fr". }
}
| type=year | xField=year | group=countryLabel | value=population
| title=Population of countries bordering Germany | colorscheme=category20
| legend=- | xGrid=y | yGrid=y | yTicks=7 | width=600|yAxisFormat=.1s
}}

Pour des raisons techniques, il est temporairement impossible d'afficher le graphique qui aurait dû être présenté ici.

Voir la requête brute et les sources sur Wikidata.

Ce graphique utilise une ou plusieurs séries de données et les mets en forme en ligne. La donnée peut être issue d'une requête Wikidata SPARQL ou de données Commons-Data.

Paramètres du modèle
Paramètre		Description	Type	État
Type de table	`tabletype`	Spécifie le type de table à utiliser. « tab » (par défaut) utilisera les données venant de Commons, sans le préfixe « Data: ». Ce sera typiquement un fichier. « query » envoie une requête SPARQL à Wikidata. Par défaut tab	Chaîne	facultatif
Table	`table`	Lien de la page de données sur Commons, sans le préfixe « Data: ». La table doit contenir une colonne pour l'axe X (typiquement une date ou une année), et une ou plusieurs colonnes de données. Si le type de table est « query », cette valeur est dans la requête.	Chaîne	obligatoire
Type pour l'axe X	`type`	Type d'axe X : time (par ex. « 2015-10 » ou « 2013-03-08 »), year (nombre entier, mais considéré comme une année), linear (numérique), ordinal (toute chaîne de texte). Par défaut year	Chaîne	suggéré
Colonne de l'axe x	`xField`	ID de la colonne qui contient les données pour l'axe X. Si type=year (année), xField est aussi année par défaut.	Chaîne	obligatoire
Séries	`series`	Si chaque ligne est représentée par une colonne de données (ou s'il y a juste une colonne), liste des colonnes à montrer en tant que lignes. Il faut lister les ID de colonnes, entourées de guillemets. Ex : "champ1, champ2, champ3".	Chaîne	facultatif
Groupe	`group`	Si la ligne dépend de juste une colonne, spéficier le numéro de cette colonne, au lieu du paramètre séries.	Chaîne	facultatif
Valeur	`value`	Si la ligne de couleur dépend d'une colonne, ce paramètre doit contenir la colonne ayant les valeurs	Chaîne	facultatif
Filtre	`filter`	Filtre optionnel. Par exemple "filter=datum.champdate>=1900".	Chaîne	facultatif
l'axe X débute à 0	`xAxisZero, xZero`	Oblige l'axe X à démarrer avec zéro. Valeur "true" ou "false".	Chaîne	facultatif
Oblige l'axe Y à démarrer avec zéro. Valeur "true" ou "false".	`yAxisZero, yZero`	Force to start or not to start Y axis with zero. Can be either true or false.	Chaîne	facultatif
Épingle échelle axe X.	`xAxisClamp`	Épingle sur l'échelle de l'axe X. Les courbes au delà de cette épingle seront cachées.	Booléen	facultatif
Épingle échelle axe Y.	`yAxisClamp`	Épingle sur l'échelle de l'axe Y. Les courbes au delà de cette épingle seront cachées.	Booléen	facultatif
Minimum de l'axe X	`xAxisMin, xMin`	Force l'axe X à débuter avec cette valeur.	Nombre	facultatif
Maximum de l'axe X	`xAxisMax, xMax`	Force l'axe X à se terminer avec cette valeur.	Nombre	facultatif
Minimum pour l'axe Y	`yAxisMin, yMin`	Force l'axe Y à démarrer avec cette valeur.	Nombre	facultatif
Maximum de l'axe Y	`yAxisMax, yMax`	Force Y axis to end with this value.	Nombre	facultatif
Échelle de l'axe Y	`yScale`	Type de graduation d'échelle : linear (linéaire), log (logarithmique) or sqrt (racine carrée) Par défaut linear	Chaîne	facultatif
Remplacement des zéros	`replaceZerosWith`	Remplace les valeurs 0 du champ Y. Recommandé avec l'usage de échelle yScale=log (sinon les zéros seront filtrés).	Nombre	facultatif
Titre	`title`	Titre de l'ensemble du graphique.	Chaîne	facultatif
Titre : alignement horizontal	`titleXAlign`	L'alignement horizontal du titre peut peut être : left (gauche), center, right (droite)	Chaîne	facultatif
Décalage du titre horizontal.	`titleXOffset`	Décalage horizontal de la position du titre, qui peut être négatif pour pousser vers la gauche, ou bien positif pour pousser vers la droite	Nombre	facultatif
Titre de l'axe X	`xAxisTitle`	Titre de l'axe X	Chaîne	facultatif
Titre de l'axe Y	`yAxisTitle`	Titre de l'axe Y	Chaîne	facultatif
Format de l'axe X	`xAxisFormat`	Formattage des étiquettes d'axe X (ex décimales, séparateur milliers, etc Par défaut %b %y (for dates)	Chaîne	facultatif
Format de l'axe Y	`yAxisFormat`	Formattage des étiquettes d'axe Y (ex décimales, séparateur milliers, etc Par défaut ,d (for numbers)	Chaîne	facultatif
Angle des étiquettes axe X	`xAxisAngle`	Rotation des étiquettes d'axe X en nombre de degrés d'angle : ex -45, +45, -90, +90.	Nombre	facultatif
Angle des étiquettes axe Y	`yAxisAngle`	Rotation des étiquettes d'axe Y en nombre de degrés d'angle : ex -45, +45, -90, +90.	Nombre	facultatif
Taille police axe X	`xAxisFontSize`	aucune description	Nombre	facultatif
Taille police de l'axe X	`yAxisFontSize`	aucune description	Nombre	facultatif
Lignes de grille de l'axe X	`xGrid`	Lignes de grille à afficher sur l'axe X	Booléen	facultatif
Lignes de grille de l'axe Y	`yGrid`	Lignes de grille de l'axe Y	Booléen	facultatif
Marques de lignes de l'axe X	`xTicks, xAxisTicks`	Nombre de marques de lignes de l'axe X à afficher. '-' laissera un affichage automatique Par défaut 7	Nombre	facultatif
Marques de lignes de l'axe Y	`yTicks, yAxisTicks`	Nombre de marques de lignes de l'axe Y à afficher. '-' laissera un affichage automatique Par défaut -	Nombre	facultatif
Annotations verticales	`vAnnotationsValues`	Rajout d'annotations verticales sous formes d'objets JSON: {"text": "Événement notable", "x": 1980}, ...	Chaîne	facultatif
Annotations horizontales	`hAnnotationsValues`	Rajout d'annotations horizontales sous formes d'objets JSON: {"text": "Événement notable", "y": 980}, ...	Chaîne	facultatif
Table d'annotations verticales	`vAnnotationsTable`	Nom du fichier données sur Commons, (sans le préfixe "Data:"). La table doit contenir les colonnes "x", [optionnelle] "text" et "color".	Chaîne	facultatif
Table d'annotations horizontales	`hAnnotationsTable`	Nom du fichier données sur Commons, (sans le préfixe "Data:"). La table doit contenir les colonnes "y", [optionnelle] "text" et "color".	Chaîne	facultatif
Transformations des annotations verticales	`vAnnotationsTransforms`	aucune description	Chaîne	facultatif
Transformations des annotations horizontales	`hAnnotationsTransforms`	aucune description	Chaîne	facultatif
Légende	`legend`	Titre de la légende. « - » affiche la légende sans titre.	Chaîne	facultatif
Largeur	`width`	aucune description	Nombre	facultatif
Hauteur	`height`	aucune description	Nombre	facultatif
Paramétrage de la taille de graphique	`chartSizing`	Paramétrage du comportement de la taille de graphique. "fit" force le graphique à respecter les hauteurs et largeurs spécifiées. "pad" pour tenir compte des hauteurs/largeurs et laisser le moteur augmenter la taille du graphique afin d'inclure les légendes et titres Par défaut fit	Chaîne	facultatif
Palette de couleurs	`colors`	Palette de colorisation des lignes, avec par exemple like red, green. Priorité sur "colorscheme".	Chaîne	facultatif
Palette de couleurs	`colorscheme`	Palette de couleur des lignes, comme proposé par Vega dans ses spécifications. Par défaut category10	Chaîne	facultatif
Line width	`linewidth`	Largeur de ligne pour les graphiques de lignes. Par défaut 2.5	Nombre	facultatif
Débogage	`debug`	Résultat du débogage : si jeu de données, présentation du graphique en JSON brut.	Chaîne	facultatif

Modifier les traductions des paramètres

La documentation de ce modèle est générée par le modèle {{Documentation}}.
Elle est incluse depuis sa sous-page de documentation. Veuillez placer les catégories sur cette page-là.
Les éditeurs peuvent travailler dans le bac à sable (modifier) et la page de test (créer).
Voir les statistiques d'utilisation du modèle sur l'outil wstat.

<graph mode="interactive" title="">

{
  //
  // ATTENTION: This code is maintained at https://www.mediawiki.org/wiki/Template:Graph:Lines
  //            Please do not modify it anywhere else, as it may get copied and override your changes.
  //            Suggestions can be made at https://www.mediawiki.org/wiki/Template_talk:Graph:Lines
  //
  // Template translation is in https://commons.wikimedia.org/wiki/Data:Original/Template:Graphs.tab
  //

  "version": 2,
  "width": 400,
  "height": 300,
"padding": "strict",
  "signals": [{"name": "rightwidth", "expr": "width + padding.right", "init":"400"}],
  "data": [{
    "name": "chart",
    "url": "tabular:///{{{table}}}",
    "format": {"type": "json"
      , "property": "data"
      
    },
    "transform": [


      // Convert xField parameter into a field "_xfield"
      {"type": "formula", "field": "_xfield", "expr":
"datetime(datum.year, 0, 1)"
      }
      , {"type": "sort", "by": ["_xfield"]}

, {"type": "formula", "field": "_yfield", "expr": "datum.value" }

    ]
  },




  ],
  "scales": [
    {
      "name": "x",
      "type": "time",
      "domain": {"data": "chart", "field": "_xfield"},
      "range": "width",
      

      
    },
    {
      "name": "y",
      "type": "linear",
      "range": "height",
      "domain": {"data": "chart", "field": "_yfield"},
      
      
      
      
    },
    {
      "name": "color",
      "type": "ordinal",
      "range": "category10", 
      "domain": {"data": "chart", "field": "key"}
    },

  ],

  "axes": [
    {
      "scale": "x", "type": "x", "tickSizeEnd": 0,
      "ticks": 7,
      
      
      
      "properties": { 
        "labels": { 
          
          
        } 
       }
    },
    {
      "scale": "y", "type": "y", "tickSizeEnd": 0,
      
      
      
      
      "properties": { 
        "labels": { 
          
          
        } 
       }
    }
  ],

  "marks": [
    // Group data by the group parameter or "key", and draw lines, one line per group
    {
      "type": "group",
      "from": {
        "data": "chart",
        "transform": [{"type": "facet", "groupby": ["key"]}]
      },
      "marks": [
        {
          "type": "line",
          "properties": {
            "hover": {
              "stroke": {"value": "red"}
            },
            "update": {
              "stroke": {"scale": "color", "field": "key"}
            },
            "enter": {
              "y": {"scale": "y", "field": "_yfield"},
              "x": {"scale": "x", "field": "_xfield"},
              "stroke": {"scale": "color", "field": "key"},
              "interpolate": {"value": "linear"},
              "strokeWidth": {"value": 2.5}
            }
          }
        }
        
      ],
    },





  ]
}

</graph>