Render a chart with user achievements earned of desired achievement type(s).
Attributes:
- type – The achievement type(s). Accepts:
all
or any achievement type(s) slugs. - current_user – Show achievements earned of the current logged in user. Accepts:
yes
orno
Default:yes
- user_id – Show achievements earned of a specific user.
- style – Style to render the chart. Accepts:
inline
,line
,bar
,horizontal-bar
,radar
,doughnut
,pie
,polar
Default:inline
- legend – Show chart legend. Accepts:
yes
orno
Default:no
- background – Single or comma-separated list of colors to use as chart statistics background color. Accepts colors in format hex, rgb and rgba. Default:
rgba(54,162,235,0.5),rgba(255,99,132,0.5),rgba(75,192,192,0.5),rgba(255,205,86,0.5),rgba(201,203,207,0.5)
- border – Single or comma-separated list of colors to use as chart statistics border color. Accepts colors in format hex, rgb and rgba. Default:
#36a2eb,#ff6384,#4bc0c0,#ffcd56,#c9cbcf
- grid – The grid lines color. Accepts colors in format hex, rgb and rgba. Default:
rgba(0,0,0,0.1)
- max_ticks – Set the maximum number of ticks. Leave blank to auto-calculate them.
Example:
[gamipress_frontend_reports_achievement_types_chart type="all" current_user="yes" style="line" legend="yes" background="rgba(54,162,235,0.5),rgba(255,99,132,0.5),rgba(75,192,192,0.5),rgba(255,205,86,0.5),rgba(201,203,207,0.5)" border="#36a2eb,#ff6384,#4bc0c0,#ffcd56,#c9cbcf" grid="rgba(0,0,0,0.1)"]