3d Donut Chart with Tooltips and Chart Script

Share default-all APP with SMS.

Share Content

Parameter for creation of chart

This Donut chart uses a chart script, which lets the segments explode when clicked. Settings in parameter "draw_option" lets the chart "implode".

{rgraph type="Pie" width="650" height="300" data="CDU/CSU,SPD,Linke,Grüne,FDP,AFD,Other/33,21,8,14,7,13,4" 
title="Next sunday, how would you vote?" labelsSticks="true" tooltipsEvent="onmousemove" titleY="20" titleSize="13" titleColor="blue" colors="#333,#DC143C,#cc3399,green,#e6e600,#0066ff,#aaa"
variant="donut3d"  tooltip="#label#<br>#percent#% of votes" marginLeft="100" marginRight="110" chart_name="chart" draw_option="implode();"
chart_script="media/plg_content_rgraph/js/pie_chart.js" radius="90"}cvs{/rgraph}

Important: If you want to test this sample via copy/paste, ensure that you paste with option "paste as plain text" otherwise imbedded html-codes may invalidate your input.
go back...