Home » Documentation » Scomps » loremipsum menu wire_args wire validate tabs spinner sorter sortable script pager include google_chart droppable draggable stream chart_pie3d chart_pie button

chart_pie

Show a pie chart.

This is an utility scomp providing a simplified interface to the pie chart feature of the {% google_chart %} scomp.  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?&amp;cht=p&amp;chts=909090,10&amp;chs=300x150&amp;chg=0,0,1,5&amp;chf=bg,s,ffffff|c,s,ffffff&amp;chdlp=b&amp;chbh=-3,3,7&amp;chxt=x&amp;chxl=0:|firefox|internet explorer|safari|chrome|other&amp;chxs=0,909090,10&amp;chco=&amp;chds=0,100&amp;chd=t:23,67,4,3,3&amp;chls=1,1,0' width='300' height='150'/>

View the pie chart.

The scomp 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 scomp.

See also {% google_chart %} and {% chart_pie3d %}