Szablon:Wykres oglądalności

 Dokumentacja szablonu [zobacz] [edytuj] [historia] []

This graph's main version resides at mw:Template:Graph:PageViews. Please make all the changes there and copy it everywhere else (until the copying is automated)

{{ Wykres oglądalności }} 30 days for the current page (if there is data)	{{ Wykres oglądalności | 90 | Wikipedia:Strona główna | pl.wikipedia.org }} 90 dni dla strony Wikipedia:Strona główna na polskojęzycznej Wikipedii	{{ Wykres oglądalności | 180 | _ }} Monthly visitors to the current wiki (last 6 months)
W tym miejscu powinien znaleźć się wykres. Z przyczyn technicznych nie może zostać wyświetlony. Więcej informacji	W tym miejscu powinien znaleźć się wykres. Z przyczyn technicznych nie może zostać wyświetlony. Więcej informacji	W tym miejscu powinien znaleźć się wykres. Z przyczyn technicznych nie może zostać wyświetlony. Więcej informacji

Parametry szablonu (strukturyzacja VE)

Inserts a graph with the page views statistics for the past N days of a page.

Parametry szablonu[Zarządzaj dokumentacją szablonu]

Dla tego szablonu preferowane jest formatowanie parametrów w bloku.

Parametr		Opis	Typ	Status
Number of days back	1	Number of days back to show in the chart Wartość domyślna 30	Liczba	opcjonalny
Page Title	2	Title of the page, with namespace, including needed spaces. If '_' is given, shows the total for the whole site Wartość domyślna Name of the current article page (even if on talk page) Przykład Main Page	Nazwa strony	opcjonalny
Domain	3	Domain from which to find page views for the given title, if not this wiki. Wartość domyślna Current wiki Przykład en.wikipedia.org	Ciąg znaków	opcjonalny
Graph color	color	Shade with which to highlight the data in the chart Wartość domyślna #00f Przykład #f00	Ciąg znaków	opcjonalny
Graph scale	scale	Scaling could be one of these: linear, log, pow, sqrt, quantile, quantize, and threshold Wartość domyślna linear Przykład log	Ciąg znaków	opcjonalny
Maximum Y value axis	max	This optional value might be useful to align multiple graphs side-by-side Wartość domyślna Automatically scaled to the data. Przykład 10000	Liczba	opcjonalny
Width	width	Width for the chart in pixels, if different from the default. Wartość domyślna 400	Liczba	opcjonalny
Height	height	Height for the chart in pixels, if different from the default. Wartość domyślna 200	Liczba	opcjonalny
Granularity	granularity	If the 2nd parameter is '_' (shows site stats), set data granularity monthly, daily, or hourly Wartość domyślna monthly	Ciąg znaków	opcjonalny

<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
  //

  "$schema": "https://vega.github.io/schema/vega/v5.json",
  "width": 800,
  "height": 200,
  "autosize": {
    "type": "fit",
    "resize": false,
    "contains": "padding"
  },
  // 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": "https://wikimedia.org/api/rest_v1/metrics/pageviews/per-article/pl.wikipedia.org/all-access/user/Szablon%3AWykres%20ogl%C4%85dalno%C5%9Bci/daily/2024031300/2024041200",
      "format": {
        "type": "json",
        "property": "items"
      },

      // The response is parsed here, converting date strings of form "20160223" into date 2016-02-23
      "transform": [
        { "type": "formula", "as": "year", "expr": "parseInt(substring(datum.timestamp,0,4))" },
        { "type": "formula", "as": "month", "expr": "parseInt(substring(datum.timestamp,4,6))" },
        { "type": "formula", "as": "day", "expr": "parseInt(substring(datum.timestamp,6,8))" },
        { "type": "formula", "as": "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","fields": ["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","fields": ["views"]},
      "clamp": true,

      "nice": true
    }
  ],

  // Simple axis with horizontal grid lines
  "axes": [
    {
      "orient": "bottom",
      "scale": "x",
      "ticks": 5,
      "encode": {
        "ticks": { "update": {"stroke": {"value": "#54595d"} } },
        "labels": { "update": {"fill": {"value": "#54595d"} } },
        "axis": { "update": {"stroke": {"value": "#54595d"}, "strokeWidth": {"value": 2} } }
      }
    },
    {
      "orient": "left",
      "scale": "y",
      "grid": true,
      "encode": {
        "ticks": { "update": {"stroke": {"value": "#54595d"} } },
        "labels": { "update": {"fill": {"value": "#54595d"} } },
        "grid": { "update": {"stroke": {"value": "#54595d"}, "strokeWidth": {"value": 1} } },
        "axis": { "update": {"stroke": {"value": "#54595d"}, "strokeWidth": {"value": 2} } }
      }
    }
  ],

  // 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"},
      "encode": {
        "enter": {
          "x": {"scale": "x","field": "date"},
          "y": {"scale": "y","field": "views"},
          "stroke": {"value": "#36c"},
          "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": "#36c"},
          "fillOpacity": {"value": 0.35},
          "interpolate": {"value": "monotone"}
        }
      }
    }
  ]
}

</graph>