Template:Graph:PieChart

From Wikipedia, the free encyclopedia
Jump to navigation Jump to search
Template documentation[view] [edit] [history] [purge]

Pie charts[edit]

You can add a pie chart with a call to this template. This template uses the Vega version 2 JSON specification. An older template {{Pie chart}} is based on CSS rendering. The template GraphChart allows adding of map, line, bar and area charts, as well as stacked line, stacked bar and stacked area charts, but no pie charts. The template GraphChart also uses Vega version 2 and uses Module:Graph with Scribunto/Lua programming. This Template:Graph:PieChart doesn't use Lua.

Parameters[edit]

  • radius specifies the radias of the pie chart in pixels, default is 100
  • legend specifies the title to be displayed above the legend, default is "Legend". To hide legend, set it to a "-" value without quotes.
  • values this is a list between square brackets of comma separated label value pairs between parentheses like [ {"x": "Peaches","y": 100}, {"x": "Plums","y": 32}]
  • rangeliteral this can be one of the Vega specified rangeliterals, default is "category10", but can also be a list like ["red", "green"]

Examples[edit]

Example usage:

{{Graph:PieChart|legend=Fruits|radius=125|values= [
      {"x": "Peaches","y": 100},
      {"x": "Plums","y": 32},
      {"x": "Blueberries","y": 80},
      {"x": "Strawberries","y": 46},
      {"x": "Bananas","y": 41}
    ] 
}}

TemplateData[edit]

This is the TemplateData documentation for this template used by VisualEditor and other tools; see the monthly error report for this template.

TemplateData for Graph:PieChart

This template adds a pie chart to the page using Graph extension

Template parameters

This template has custom formatting.

ParameterDescriptionTypeStatus
Radiusradius

Specify the radius of the pie in number of pixels

Default
100
Example
100
Auto value
empty
Numbersuggested
Legend Titlelegend

The title that will appear above the legend, or '-' to hide it

Default
"Legend"
Example
"Fruits"
Auto value
empty
Stringsuggested
Inner Radiusinnerradius

To create a doughnut chart specify an inner radius

Default
0
Example
0
Auto value
empty
Numberoptional
Valuesvaluesdata

Specify the label value pairs

Default
empty
Example
[ {"x": "Peaches","y": 100}, {"x": "Plums","y": 32}, {"x": "Blueberries","y": 80}, {"x": "Strawberries","y": 46}, {"x": "Bananas","y": 41} ]
Auto value
empty
Unknownrequired
The colors of the slicesrangeliteralcolors

The colors of the slices, specified as Vega defined rangeliteral. This can also be a list like [ "red", "green" ]

Default
"category10"
Example
"category10"
Auto value
empty
Stringoptional