<:chartjs:demo_titre:>
<:chartjs:demo_pie:>
#SET{data,"10,32,50,25,5"}
#SET{labels,"Tôkyô - 東京,Kyoto, Osaka,Chiba,Hiroshima"}
[(#MODELE{chart}{id=camembert1,type=pie,canvaswidth=250,canvasheight=250,data=#GET{data},labels=#GET{labels}})]
<chart
|id=camembert1
|canvaswidth=250
|canvasheight=250
|type=pie
|labels=Tôkyô - 東京,Kyoto, Osaka,Chiba,Hiroshima
|data=10,32,50,25,5>
<:chartjs:demo_doughnut:>
#SET{data,"30,10,55,25,15,8"}
#SET{colors,"#69D2E7,#E0E4CC,#F38630,#96CE7F,#CEBC17,#CE4264"}
[(#MODELE{chart}{id=anneau,type=doughnut,align=right,data=#GET{data},colors=#GET{colors}})]
<chart
|id=anneau
|type=doughnut
|align=right
|data=30,10,55,25,15,8
|colors=#69D2E7,#E0E4CC,#F38630,#96CE7F,#CEBC17,#CE4264>
<:chartjs:demo_polaire:>
#SET{data,"40,32,5,25,50,45"}
#SET{labels,"Noix,Amandes,Raisins,Autres sucreries,Salés,Six"}
[(#MODELE{chart}{id=polaire,type=polarArea,align=center,canvaswidth=250,canvasheight=250,data=#GET{data},labels=#GET{labels}})]
<chart
|id=polaire
|type=polarArea
|align=center
|data=40,32,5,25,50,45
|labels=Noix,Amandes,Raisins,Autres sucreries,Salés,Six
|canvaswidth=250
|canvasheight=250>
<:chartjs:demo_bar:>
#SET{data,"40,32,50,35 next 20,25,45,42 next 40,43, 61,50 next 33,15,40,22"}
#SET{labels,"Salé,Sucré,Amer,Acide"}
[(#MODELE{chart}{id=barre,type=bar,canvaswidth=450,canvasheight=450,datasets=#GET{data},labels=#GET{labels}})]
<chart
|id=barre
|type=bar
|datasets=40,32,50,35 next 20,25,45,42 next 40,43, 61,50 next 33,15,40,22
|labels=Salé,Sucré,Amer,Acide
|canvaswidth=450
|canvasheight=450>
<:chartjs:demo_line:>
#SET{data,"40,43,61,50 next 33,15,40,22"}
#SET{labels,"Janvier, Février, Mars, Avril"}
[(#MODELE{chart}{id=ligne,type=line,canvaswidth=450,canvasheight=450,datasets=#GET{data},labels=#GET{labels}})]
<chart
|id=ligne
|type=line
|datasets=40,43,61,50 next 33,15,40,22
|labels=Janvier, Février, Mars, Avril
|canvaswidth=450
|canvasheight=450>
<:chartjs:demo_radar:>
#SET{data,"20,22,40,25,55 next 15,20,30,40,35"}
#SET{labels,"Précis, Rapide, Joli, Complet, かわい"}
#SET{colors,"#CEBC17,#CE4264"}
[(#MODELE{chart}{id=radar45,type=radar,canvaswidth=450,canvasheight=450,datasets=#GET{data},labels=#GET{labels},colors=#GET{colors}})]
<chart
|id=radar45
|type=radar
|datasets=40,43,61,50 next 33,15,40,22
|labels=Précis, Rapide, Joli, Complet, かわい
|canvaswidth=450
|canvasheight=450
|colors=#CEBC17,#CE4264>
<:chartjs:demo_spip_data:>
#SET{nb_article,0}
#SET{nb_article,#TOTAL_BOUCLE}
#SET{nb_auteur,0}
#SET{nb_auteur,#TOTAL_BOUCLE}
#SET{data,#GET{nb_article}|concat{",",#GET{nb_auteur}}}
#SET{labels,"Articles, Auteurs"}
[(#MODELE{chart}{id=barrespip,type=bar,canvaswidth=450,canvasheight=450,datasets=#GET{data},labels=#GET{labels}})]
#SET{nb_article,0}
<BOUCLE_articles(ARTICLES)> </BOUCLE_articles>#SET{nb_article,#TOTAL_BOUCLE} </B_articles>
#SET{nb_auteur,0}
<BOUCLE_auteurs(AUTEURS)> </BOUCLE_auteurs>#SET{nb_auteur,#TOTAL_BOUCLE} </B_auteurs>
#SET{data,#GET{nb_article}|concat{",",#GET{nb_auteur}}}
#SET{labels,"Articles, Auteurs"}
[(#MODELE{chart}{id=barrespip,type=bar,canvaswidth=450,canvasheight=450,datasets=#GET{data},labels=#GET{labels}})]
<:chartjs:demo_spip_bigdata:>
#SET{data,''}
#SET{labels,''}
#SET{labels, #GET{labels}|concat{",",#VALEUR{attributes/time}|affdate{d/m/y}}}
[
(#VALEUR{attributes/currency}|=={JPY}|oui)
#SET{data,#GET{data}|concat{",",#VALEUR{attributes/rate}}
]
#SET{data,#GET{data}|substr{1}}
#SET{labels,#GET{labels}|substr{1}}
[(#MODELE{chart}{id=coursduyen,type=line,width=auto,height=auto,canvaswidth=850,canvasheight=350,datasets=#GET{data},labels=#GET{labels}})]
<:chartjs:demo_spip_legend:>
#SET{data,''}
#SET{labels,''}
<BOUCLE_cours(DATA){source simplexml,http://www.ecb.europa.eu/stats/eurofxref/eurofxref-hist-90d.xml?#ENV{date}}{datapath root/children/cube/0/children/cube}{0,30}>
#SET{labels, #GET{labels}|concat{",",#VALEUR{attributes/time}|affdate{d/m/y}}}
<BOUCLE_yen(DATA){source tableau,#VALEUR{children/cube}}>[
(#VALEUR{attributes/currency}|=={JPY}|oui)
#SET{data,#GET{data}|concat{",",#VALEUR{attributes/rate}}
]</BOUCLE_yen>
</BOUCLE_cours>
#SET{data,#GET{data}|substr{1}}
#SET{labels,#GET{labels}|substr{1}}
[(#MODELE{chart}{id=coursduyen,type=line,width=auto,height=auto,canvaswidth=850,canvasheight=350,datasets=#GET{data},labels=#GET{labels}})]