<:chartjs:demo_titre:>

<: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}})]