Přeskočit na obsah

Šablona:Graf zobrazení stránky

Z Wikipedie, otevřené encyklopedie

Graf:Zobrazení stránky se používá k zobrazení grafu návštěvnosti stránek na projektech Wikimedia.

Použití[editovat zdroj]

{{Graf zobrazení stránky}}
30 dní pro momentální stránku
{{Graf zobrazení stránky | 90 | Hlavní strana | cs.wikipedia.org}}
90 dní pro článek Hlavní strana na projektu cs.wikipedia.org
{{Graf zobrazení stránky| 180 | _ }}
Měsíční návštěvnost všech stránek na momentální wiki (posledních 6 měsíců)
{{Graf zobrazení stránky | 180 | _ | all-projects | granularity = daily}}
Denní návštěvnost na všech projektech (posledních 6 měsíců)




Data šablony[editovat zdroj]

Tato sekce obsahuje strukturovaný popis parametrů této šablony využívající rozšíření TemplateData, který umožňuje snadnější používání této šablony v prostředí Vizuálního editoru.

Graf zobrazení stránky

Bez popisu.

Parametry šablony[Upravit strojový popis šablony]

ParametrPopisTypStav
číslo dní zpět1

prázdné

Výchozí hodnota
30
Číslonepovinný
název stránky2

Název stránky pro kterou se graf zobrazuje. Pokud napíšete _ zobrazí se graf pro celou wiki

Výchozí hodnota
Momentální stránka
Příklad
Hlavní strana
Název stránkynepovinný
doména3

Doména na které se nachází stránka. Pokud je napsáno _ nebo all-projects je šablona použit pro všechny wiki.

Výchozí hodnota
Momentální wiki
Řetězecnepovinný
šířkawidth

Šířka grafu v pixelech

Výchozí hodnota
400
Číslonepovinný
výškaheight

Výška grafu v pixelech.

Výchozí hodnota
200
Číslonepovinný
platformplatform

prázdné

Neznámýnepovinný
granularitagranularity

Udává granularitu pro graf. Výchozí hodnota je monthly (měsíčně) ale může se také zadat daily (denně) a hourly (hodinově).

Výchozí hodnota
monthly
Příklad
daily
Řetězecnepovinný
scalescale

prázdné

Neznámýnepovinný
maxmax

prázdné

Neznámýnepovinný
barva grafucolor

Udává barvu stínu grafu v HTML kódu.

Výchozí hodnota
#00f
Příklad
#f00
Řetězecnepovinný
interpolateinterpolate

prázdné

Neznámýnepovinný
<graph>
{
  //
  // ATTENTION: This code is maintained at https://www.mediawiki.org/wiki/Template:Graph:PageViews
  //            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:PageViews
  //            The graph uses PageViews API https://wikitech.wikimedia.org/wiki/Analytics/PageviewAPI
  //

  "version": 2,
  "width": 400,
  "height": 200,

  // The data for this graph comes from the PageView API.  The request is made for N days back up to now.
  "data": [
    {
      "name": "pageviews",
      "url": "wikirest://wikimedia.org/api/rest_v1/metrics/pageviews/per-article/cs.wikipedia.org/all-access/user/%C5%A0ablona%3AGraf%20zobrazen%C3%AD%20str%C3%A1nky/daily/2024061400/2024071400",
      "format": {
        "type": "json",
        "property": "items"
      },

      // The response is parsed here, converting date strings of form "20160223" into date 2016-02-23
      "transform": [
        { "type": "formula", "field": "year", "expr": "parseInt(substring(datum.timestamp,0,4))" },
        { "type": "formula", "field": "month", "expr": "parseInt(substring(datum.timestamp,4,6))" },
        { "type": "formula", "field": "day", "expr": "parseInt(substring(datum.timestamp,6,8))" },
        { "type": "formula", "field": "date", "expr": "datetime(datum.year,datum.month-1,datum.day)" }
      ]
    }
  ],

  "scales": [
    // The dates are scaled to the "x" axis - the width of the graph
    {
      "name": "x",
      "type": "time",
      "range": "width",
      "domain": {"data": "pageviews","field": "date"}
    },
    // The pageviews are scaled to the "y" axis - the height of the graph
    // Optional scale parameter can change "linear" to other scales like log
    // Optional max parameter can fix the upper bound of the graph
    {
      "name": "y",
      "type": "linear",
      "range": "height",
      "domain": {"data": "pageviews","field": "views"},
      "clamp": true,

      "nice": true
    }
  ],

  // Simple axis with horizontal grid lines
  "axes": [
    {"type": "x", "scale": "x", "ticks": 5},
    {"type": "y", "scale": "y", "ticks": 5, "grid": true}
  ],

  // The graph is drawn with two elements a thick line at the top, and a semi-transparent area below
  "marks": [
    {
      "type": "line",
      "from": {"data": "pageviews"},
      "properties": {
        "enter": {
          "x": {"scale": "x","field": "date"},
          "y": {"scale": "y","field": "views"},
          "stroke": {"value": "#00f"},
          "strokeWidth": {"value": 3},
          "interpolate": {"value": "monotone"}
        }
      }
    },
    {
      "type": "area",
      "from": {"data": "pageviews"},
      "properties": {
        "enter": {
          "x": {"scale": "x","field": "date"},
          "y": {"scale": "y","value": 0},
          "y2": {"scale": "y","field": "views"},
          "fill": {"value": "#00f"},
          "fillOpacity": {"value": 0.35},
          "interpolate": {"value": "monotone"}
        }
      }
    }
  ]
}
</graph>