Шаблон:Graph:PageViews

Документація шаблону[перегляд] [редагувати] [історія] [очистити кеш]

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

{{ Graph:PageViews }} 30 days for the current page (if there is data)	{{ Graph:PageViews | 90 | Main Page | en.wikipedia.org }} 90 days for Main Page on English Wikipedia	{{ Graph:PageViews | 180 | _ }} Monthly visitors to the current wiki (last 6 months)

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

Параметри шаблону[Управління TemplateData]

Для цього шаблону краще блокове форматування параметрів.

Параметр		Опис	Тип	Статус
Number of days back	1	Number of days back to show in the chart За замовчуванням 30	Число	необов'язковий
Page Title	2	Title of the page, with namespace, including needed spaces. If '_' is given, shows the total for the whole site За замовчуванням Name of the current article page (even if on talk page) Приклад Main Page	Назва сторінки	необов'язковий
Domain	3	Domain from which to find page views for the given title, if not this wiki. За замовчуванням Current wiki Приклад en.wikipedia.org	Рядок	необов'язковий
Graph color	color	Shade with which to highlight the data in the chart За замовчуванням #00f Приклад #f00	Рядок	необов'язковий
Graph scale	scale	Scaling could be one of these: linear, log, pow, sqrt, quantile, quantize, and threshold За замовчуванням linear Приклад log	Рядок	необов'язковий
Maximum Y value axis	max	This optional value might be useful to align multiple graphs side-by-side За замовчуванням Automatically scaled to the data. Приклад 10000	Число	необов'язковий
Width	width	Width for the chart in pixels, if different from the default. За замовчуванням 400	Число	необов'язковий
Height	height	Height for the chart in pixels, if different from the default. За замовчуванням 200	Число	необов'язковий
Granularity	granularity	If the 2nd parameter is '_' (shows site stats), set data granularity monthly, daily, or hourly За замовчуванням monthly	Рядок	необов'язковий

<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": 400,
  "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/uk.wikipedia.org/all-access/user/%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%3AGraph%3APageViews/daily/2024031400/2024041300",
      "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>