Шаблон:График просмотров

Материал из Википедии — свободной энциклопедии
Перейти к навигации Перейти к поиску
Документация


Основная версия графика находится на странице Template:Graph:PageViews на MediaWiki. Пожалуйста, вносите все правки там и копируйте их всюду (пока копирование не автоматизируют).

{{ График просмотров }}
30 дней текущей страницы (если существуют данные)
{{ График просмотров | 90 | Заглавная страница | ru.wikipedia.org }}
90 дней Заглавной страницы в Русской Википедии
{{ График просмотров | 180 | _ }}
Ежемесячные посещения текущей вики (последние 6 месяцев)
{{ График просмотров | 180 | _ | all-projects | granularity = daily }}
Ежемесячные посещения всех вики во всем мире (последние 6 месяцев)
{{ График просмотров | 30 | Заглавная страница | ru.wikipedia.org }}
30 дней Заглавной страницы в Русской Википедии
{{ График просмотров | 30 | Заглавная страница | ru.wikipedia.org | platform = desktop}}
30 дней Заглавной страницы в Русской Википедии - браузеры ПК
{{ График просмотров | 30 | Заглавная страница | ru.wikipedia.org | platform = mobile-web}}
30 дней Заглавной страницы в Русской Википедии - мобильные браузеры
{{ График просмотров | 30 | Заглавная страница | ru.wikipedia.org | platform = mobile-app}}
30 дней Заглавной страницы в Русской Википедии - мобильные приложения


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

Параметры шаблона

Шаблон использует блочное форматирование параметров.

ПараметрОписаниеТипСтатус
Number of days back1

Number of days back to show in the chart

По умолчанию
30
Числонеобязательный
Page Title2

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
Имя страницынеобязательный
Domain3

Domain from which to find page views for the given title, if not this wiki. If '_' is given as parameter 2, 'all-projects' can be used here for all wiki sites summary data

По умолчанию
Current wiki
Пример
en.wikipedia.org
Строковый (без форматирования)необязательный
Graph colorcolor

Shade with which to highlight the data in the chart

По умолчанию
#00f
Пример
#f00
Строковый (без форматирования)необязательный
Graph scalescale

Scaling could be one of these: linear, log, pow, sqrt, quantile, quantize, and threshold

По умолчанию
linear
Пример
log
Строковый (без форматирования)необязательный
Maximum Y value axismax

This optional value might be useful to align multiple graphs side-by-side

По умолчанию
Automatically scaled to the data.
Пример
10000
Числонеобязательный
Widthwidth

Width for the chart in pixels, if different from the default.

По умолчанию
400
Числонеобязательный
Heightheight

Height for the chart in pixels, if different from the default.

По умолчанию
200
Числонеобязательный
Platformplatform

Computer platform could be one of these: all-access (all platforms together), desktop (regular browsers), mobile-web (mobile browsers), mobile-app (mobile wiki applications)

По умолчанию
all-access
Строковый (без форматирования)необязательный
Granularitygranularity

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

  "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/ru.wikipedia.org/all-access/user/%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%3A%D0%93%D1%80%D0%B0%D1%84%D0%B8%D0%BA%20%D0%BF%D1%80%D0%BE%D1%81%D0%BC%D0%BE%D1%82%D1%80%D0%BE%D0%B2/daily/2021031700/2021041600",
      "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,
      "properties": {
        "ticks": {"stroke": {"value": "#54595d"} },
        "labels": {"fill": {"value": "#54595d"} },
        "axis": {"stroke": {"value": "#54595d"}, "strokeWidth": {"value": 2} }
      }
    },
    {
      "type": "y",
      "scale": "y",
      "ticks": 5,
      "grid": true,
      "properties": {
        "ticks": {"stroke": {"value": "#54595d"} },
        "labels": {"fill": {"value": "#54595d"} },
        "grid": {"stroke": {"value": "#54595d"}, "strokeWidth": {"value": 2} },
        "axis": {"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"},
      "properties": {
        "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>