Aller au contenu

Modèle:Graph:Lines

Une page de Wikipédia, l'encyclopédie libre.

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

Utilisation et paramètres

[modifier le code]

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}}
  1. Cliquez sur modifier. L'éditeur visuel s'ouvre.
  2. Insérer
  3. Modèle
  4. Renseignez le modèle Graphique Ligne dans le champ de recherche.
  5. Renseignez les champs concernés.
  6. Enregistrez.

Autre solution, quand vous modifiez une page ou discutez avec Discussions structurées :

  1. Tapez {{
  2. Renseignez le modèle Graphique Ligne dans le champ de recherche.
  3. Renseignez les champs concernés.
  4. 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ètreDescriptionTypeÉtat
Aucun paramètre spécifié

Exemple 1 - Source table Commons

[modifier le code]
{{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}
}}

Voir ou modifier les données brutes du graphique.


Exemple 2 - Source Wikidata

[modifier le code]
{{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}
}}

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


Exemple 3 - Source Wikidata

[modifier le code]
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
}}

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ètreDescriptionTypeÉtat
Type de tabletabletype

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înefacultatif
Tabletable

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îneobligatoire
Type pour l'axe Xtype

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înesuggéré
Colonne de l'axe xxField

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îneobligatoire
Sériesseries

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înefacultatif
Groupegroup

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înefacultatif
Valeurvalue

Si la ligne de couleur dépend d'une colonne, ce paramètre doit contenir la colonne ayant les valeurs

Chaînefacultatif
Filtrefilter

Filtre optionnel. Par exemple "filter=datum.champdate>=1900".

Chaînefacultatif
l'axe X débute à 0xAxisZero, xZero

Oblige l'axe X à démarrer avec zéro. Valeur "true" ou "false".

Chaînefacultatif
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înefacultatif
Épingle échelle axe X.xAxisClamp

Épingle sur l'échelle de l'axe X. Les courbes au delà de cette épingle seront cachées.

Booléenfacultatif
Épingle échelle axe Y.yAxisClamp

Épingle sur l'échelle de l'axe Y. Les courbes au delà de cette épingle seront cachées.

Booléenfacultatif
Minimum de l'axe XxAxisMin, xMin

Force l'axe X à débuter avec cette valeur.

Nombrefacultatif
Maximum de l'axe XxAxisMax, xMax

Force l'axe X à se terminer avec cette valeur.

Nombrefacultatif
Minimum pour l'axe YyAxisMin, yMin

Force l'axe Y à démarrer avec cette valeur.

Nombrefacultatif
Maximum de l'axe YyAxisMax, yMax

Force Y axis to end with this value.

Nombrefacultatif
Échelle de l'axe YyScale

Type de graduation d'échelle : linear (linéaire), log (logarithmique) or sqrt (racine carrée)

Par défaut
linear
Chaînefacultatif
Remplacement des zérosreplaceZerosWith

Remplace les valeurs 0 du champ Y. Recommandé avec l'usage de échelle yScale=log (sinon les zéros seront filtrés).

Nombrefacultatif
Titretitle

Titre de l'ensemble du graphique.

Chaînefacultatif
Titre : alignement horizontaltitleXAlign

L'alignement horizontal du titre peut peut être : left (gauche), center, right (droite)

Chaînefacultatif
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

Nombrefacultatif
Titre de l'axe XxAxisTitle

Titre de l'axe X

Chaînefacultatif
Titre de l'axe YyAxisTitle

Titre de l'axe Y

Chaînefacultatif
Format de l'axe XxAxisFormat

Formattage des étiquettes d'axe X (ex décimales, séparateur milliers, etc

Par défaut
%b %y (for dates)
Chaînefacultatif
Format de l'axe YyAxisFormat

Formattage des étiquettes d'axe Y (ex décimales, séparateur milliers, etc

Par défaut
,d (for numbers)
Chaînefacultatif
Angle des étiquettes axe XxAxisAngle

Rotation des étiquettes d'axe X en nombre de degrés d'angle : ex -45, +45, -90, +90.

Nombrefacultatif
Angle des étiquettes axe YyAxisAngle

Rotation des étiquettes d'axe Y en nombre de degrés d'angle : ex -45, +45, -90, +90.

Nombrefacultatif
Taille police axe XxAxisFontSize

aucune description

Nombrefacultatif
Taille police de l'axe XyAxisFontSize

aucune description

Nombrefacultatif
Lignes de grille de l'axe XxGrid

Lignes de grille à afficher sur l'axe X

Booléenfacultatif
Lignes de grille de l'axe YyGrid

Lignes de grille de l'axe Y

Booléenfacultatif
Marques de lignes de l'axe XxTicks, xAxisTicks

Nombre de marques de lignes de l'axe X à afficher. '-' laissera un affichage automatique

Par défaut
7
Nombrefacultatif
Marques de lignes de l'axe YyTicks, yAxisTicks

Nombre de marques de lignes de l'axe Y à afficher. '-' laissera un affichage automatique

Par défaut
-
Nombrefacultatif
Annotations verticalesvAnnotationsValues

Rajout d'annotations verticales sous formes d'objets JSON: {"text": "Événement notable", "x": 1980}, ...

Chaînefacultatif
Annotations horizontaleshAnnotationsValues

Rajout d'annotations horizontales sous formes d'objets JSON: {"text": "Événement notable", "y": 980}, ...

Chaînefacultatif
Table d'annotations verticalesvAnnotationsTable

Nom du fichier données sur Commons, (sans le préfixe "Data:"). La table doit contenir les colonnes "x", [optionnelle] "text" et "color".

Chaînefacultatif
Table d'annotations horizontaleshAnnotationsTable

Nom du fichier données sur Commons, (sans le préfixe "Data:"). La table doit contenir les colonnes "y", [optionnelle] "text" et "color".

Chaînefacultatif
Transformations des annotations verticalesvAnnotationsTransforms

aucune description

Chaînefacultatif
Transformations des annotations horizontaleshAnnotationsTransforms

aucune description

Chaînefacultatif
Légendelegend

Titre de la légende. « - » affiche la légende sans titre.

Chaînefacultatif
Largeurwidth

aucune description

Nombrefacultatif
Hauteurheight

aucune description

Nombrefacultatif
Paramétrage de la taille de graphiquechartSizing

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înefacultatif
Palette de couleurscolors

Palette de colorisation des lignes, avec par exemple like red, green. Priorité sur "colorscheme".

Chaînefacultatif
Palette de couleurscolorscheme

Palette de couleur des lignes, comme proposé par Vega dans ses spécifications.

Par défaut
category10
Chaînefacultatif
Line widthlinewidth

Largeur de ligne pour les graphiques de lignes.

Par défaut
2.5
Nombrefacultatif
Débogagedebug

Résultat du débogage : si jeu de données, présentation du graphique en JSON brut.

Chaînefacultatif
Modifier les traductions des paramètres
<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>