chart_pie

Show a pie chart.

This is an utility tag providing a simplified interface to the pie chart feature of the {% google_chart %} tag. It has an easier way to define the data.

Example of simple pie chart:

{% chart_pie data=[["firefox",23],
                   ["internet explorer", 67],
                   ["safari",4],
                   ["chrome",3],
                   ["other", 3]]
%}

This generates the following image tag:

<img class='google_chart' alt='google chart'
   src='http://chart.apis.google.com/chart?&cht=p&chts=909090,10&chs=300x150&chg=0,0,1,5&chf=bg,s,ffffff|c,s,ffffff&chdlp=b&chbh=-3,3,7&chxt=x&chxl=0:|firefox|internet%20explorer|safari|chrome|other&chxs=0,909090,10&chco=&chds=0,100&chd=t:23,67,4,3,3&chls=1,1,0' width='300' height='150' />

Or, as an image:

../../_images/scomp_chart_pie_chart.png

The tag chart_pie accepts the following arguments:

Argument Description Example
data The data for the pie chart. A list of pairs of {label, value} or [label, value]. [{“nl”,300},{uk,”200”}]
colors The colors for the pies. A list of colors, when there are more data points than colors then the colors are interpolated. Colors are specified in hexadecimal. Defaults to Google default colors. colors=[“ffcc00”,”ccff00”,”00ffcc”]
threed Set to true to have a 3D effect on the pie chart. Defaults to false. threed=true
width The width of the generated pie chart, in pixels. Defaults to 300. width=450
height The height of the generated pie chart, in pixels. Defaults to 150. height=200

Other arguments can be found at the google_chart tag.

Edit on GitHub

button Tags chart_pie3d

Referred by

chart_pie3d

Show a pie chart with 3D effect.