Mal:Graph:PageViews

Maldokumentasjon

[vis] [rediger] [historikk] [gjenoppfrisk]

{{ Graph:PageViews }}

{{ Graph:PageViews \| 90 \| Main Page \| en.wikipedia.org }}

{{ Graph:PageViews \| 180 \| _ }}

{{ Graph:PageViews \| 180 \| _ \| all-projects \| granularity = daily }}

{{ Graph:PageViews \| 30 \| Main Page \| en.wikipedia.org}}

{{ Graph:PageViews \| 30 \| Main Page \| en.wikipedia.org \| platform = desktop}}

{{ Graph:PageViews \| 30 \| Main Page \| en.wikipedia.org \| platform = mobile-web}}

{{ Graph:PageViews \| 30 \| Main Page \| en.wikipedia.org \| platform = mobile-app}}

{{Graph:PageViews|90|Main Page}}
{{Graph:PageViews|Main Page|90}}
{{Graph:PageViews|Main Page|en.wikipedia.org|90}}

TemplateData[rediger kilde]

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

Malparametre[Rediger maldata]
Denne malen foretrekker at parametrene blokk-formateres (én parameter per linje).
Parameter		Beskrivelse	Type	Status
Antall dager bakover	`1`	Number of days back to show in the chart Standard 30	Tall	valgfri
Artikkelnavn	`2`	Artikkelnavnet, med navnerom og eventuelle nødvendige mellomrom Standard Navnet på inneværende artikkel (selv om det er på en diskusjonsside) Eksempel Main Page	Sidenavn	valgfri
Domene	`3`	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 Standard Denne wiki Eksempel en.wikipedia.org	Streng	valgfri
Graf-farge	`color`	Shade with which to highlight the data in the chart Standard #00f Eksempel #f00	Streng	valgfri
Skala	`scale`	Skalaen kan være en av disse: linear, log, pow, sqrt, quantile, quantize, og threshold Standard linear Eksempel log	Streng	valgfri
maksimumsverdi på Y-aksen	`max`	Denne valgfrie verdien kan benyttes for å justere flere grafer ved siden av hverandre Standard Automatically scaled to the data. Eksempel 10000	Tall	valgfri
Bredde	`width`	Width for the chart in pixels, if different from the default. Standard 400	Tall	valgfri
Høyde	`height`	Height for the chart in pixels, if different from the default. Standard 200	Tall	valgfri
Platform	`platform`	Computer platform could be one of these: all-access (all platforms together), desktop (regular browsers), mobile-web (mobile browsers), mobile-app (mobile wiki applications) Standard all-access	Streng	valgfri
Granularity	`granularity`	If the 2nd parameter is '_' (shows site stats), set data granularity monthly, daily, or hourly Standard monthly	Streng	valgfri
interpolate	`interpolate`	Type of line interpolation. See https://github.com/vega/vega/wiki/Marks#line Standard monotone Eksempel linear, step-before, step-after, basis, basis-open, basis-closed, bundle, cardinal, cardinal-open, cardinal-closed, monotone	Streng	valgfri

<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": 800,
  "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/no.wikipedia.org/all-access/user/Mal%3AGraph%3APageViews/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", "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>