Malline:KaavioLatauskerrat

Mallineen ohje

{{ KaavioLatauskerrat }} 30 days for the current page (if there is data)	{{ KaavioLatauskerrat | 90 | Main Page | en.wikipedia.org }} 90 days for Main Page on English Wikipedia	{{ KaavioLatauskerrat | 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.

Mallineen parametrit[Muokkaa mallinetietoja]

Tämä malline suosii rivistömuotoilua parametreille.

Parametri		Kuvaus	Tyyppi	Tila
Number of days back	1	Number of days back to show in the chart Oletusarvo 30	Numero	valinnainen
Page Title	2	Title of the page, with namespace, including needed spaces Oletusarvo Name of the current article page (even if on talk page) Esimerkki Main Page	Sivun nimi	valinnainen
Domain	3	Domain from which to find page views for the given title, if not this wiki. Oletusarvo Current wiki Esimerkki en.wikipedia.org	Merkkijono	valinnainen
Graph color	color	Shade with which to highlight the data in the chart Oletusarvo #00f Esimerkki #f00	Merkkijono	valinnainen
Graph scale	scale	Scaling could be one of these: linear, log, pow, sqrt, quantile, quantize, and threshold Oletusarvo linear Esimerkki log	Merkkijono	valinnainen
Maximum Y value axis	max	This optional value might be useful to align multiple graphs side-by-side Oletusarvo Automatically scaled to the data. Esimerkki 10000	Numero	valinnainen
Width	width	Width for the chart in pixels, if different from the default. Oletusarvo 400	Numero	valinnainen
Height	height	Height for the chart in pixels, if different from the default. Oletusarvo 200	Numero	valinnainen

<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/fi.wikipedia.org/all-access/user/Malline%3AKaavioLatauskerrat/daily/2024110200/2024120200",
      "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>