source: spip-zone/_plugins_/jpgraph/demo_jpgraph.html @ 32334

Last change on this file since 32334 was 32334, checked in by erational@…, 11 years ago

on renseigne les alt pour l'accessiblite
merci a olivier gautier pour la suggestion

File size: 3.3 KB
Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="#LANG" lang="#LANG" dir="#LANG_DIR">
3<head>
4<title>Demo JpGraph[(#NOM_SITE_SPIP|textebrut)]</title>
5[<meta name="description" content="(#INTRODUCTION{150}|attribut_html)" />]
6<INCLURE{fond=inc-head}>
7</head>
8
9<body class="page_article">
10<div id="page">
11
12        [(#REM) Entete de la page + titre du site ]
13        <INCLURE{fond=inc-entete}>
14
15        [(#REM) Contenu principal : contenu de l'article ]
16    <div class="hfeed" id="conteneur">
17    <div class="hentry" id="contenu">
18   
19    <h1>Demo du plugin JpGraph</h1>
20   
21    <h3>Courbe</h3>
22
23[(#MODELE{jpgraph}
24{type_graphe=courbe}
25{titre=Téléchargement du plugin}
26{donnee=3;1.2;7;30}
27{legende=2007;2008;2009;2010}
28{largeur=400}
29{hauteur=300}
30{couleur=green})]
31
32<pre>&lt;jpgraph
33|type_graphe=courbe
34|titre=Téléchargement du plugin
35|donnee=3;1.2;7;30
36|legende=2007;2008;2009;2010
37|largeur=400
38|hauteur=300
39|couleur=green&gt;</pre>
40
41
42
43
44<h3>Barre</h3>
45[(#MODELE{jpgraph}
46{type_graphe=barre}
47{titre=Consommation de noisettes}
48{donnee=10;2;4;3.1}
49{legende=Emma;Kazu;Bob;Robert}
50{largeur=500}
51{hauteur=300}
52{couleur=teal})]
53
54
55<pre>&lt;jpgraph
56|type_graphe=barre
57|titre=Consommation de noisettes
58|donnee=10;2;4;3.1
59|legende=Emma;Kazu;Bob;Robert
60|largeur=500
61|hauteur=300
62|couleur=teal&gt;</pre>
63
64
65
66
67
68<h3>Camembert</h3>
69[(#MODELE{jpgraph}
70{type_graphe=camembert}
71{titre=Vos plugins préférées}
72{donnee=10;12;20;50}
73{legende=Agenda;Crayons;CFG;Divers}
74{largeur=450}
75{hauteur=450})]
76
77
78<pre>&lt;jpgraph
79|type_graphe=camembert
80|titre=Vos plugins préférées
81|donnee=10;12;20;50
82|legende=Agenda;Crayons;CFG;Divers
83|largeur=450
84|hauteur=450&gt;</pre>
85
86
87
88
89
90
91<h2>Et avec des boucles SPIP..... </h2>
92
93#SET{c_article,0}<BOUCLE_countA(ARTICLES)> </BOUCLE_countA>#SET{c_article,#TOTAL_BOUCLE}</B_countA>
94#SET{c_rubrique,0}<BOUCLE_countB(RUBRIQUES)> </BOUCLE_countB>#SET{c_rubrique,#TOTAL_BOUCLE}</B_countB>
95#SET{c_mot,0}<BOUCLE_countC(MOTS)> </BOUCLE_countC>#SET{c_mot,#TOTAL_BOUCLE}</B_countC>
96
97[(#MODELE{jpgraph}
98{type_graphe=barre}
99{titre=Statistiques du site}
100{donnee=[(#GET{c_article})];[(#GET{c_rubrique})];[(#GET{c_mot})]}
101{legende=Nb Articles;Nb Rubriques; Nb Mots}
102{largeur=420}
103{hauteur=300}
104{couleur=orange})]
105
106<pre>&#035;SET{c_article,0}&lt;BOUCLE_countA(ARTICLES)&gt; &lt;/BOUCLE_countA&gt;&#035;SET{c_article,&#035;TOTAL_BOUCLE}&lt;/B_countA&gt;
107&#035;SET{c_rubrique,0}&lt;BOUCLE_countB(RUBRIQUES)&gt; &lt;/BOUCLE_countB&gt;&#035;SET{c_rubrique,&#035;TOTAL_BOUCLE}&lt;/B_countB&gt;
108&#035;SET{c_mot,0}&lt;BOUCLE_countC(MOTS)&gt; &lt;/BOUCLE_countC&gt;&#035;SET{c_mot,&#035;TOTAL_BOUCLE}&lt;/B_countC&gt;
109
110[(&#035;MODELE{jpgraph}
111{type_graphe=barre}
112{titre=Consommation de noisettes par CMS}
113{donnee=[(&#035;GET{c_article})];[(&#035;GET{c_rubrique})];[(&#035;GET{c_mot})]}
114{legende=Articles;Rubriques;Mots}
115{largeur=500}
116{hauteur=300}
117{couleur=orange})]</pre>
118
119
120        </div><!--#contenu-->
121        </div><!--#conteneur-->
122
123
124    [(#REM) Menu de navigation laterale ]
125    <div id="navigation">
126
127        [(#REM) Menu de navigation par rubriques ]
128        <INCLURE{fond=inc-rubriques}{id_rubrique}>
129       
130                #FORMULAIRE_RECHERCHE
131
132    </div><!--#navigation-->
133   
134
135        [(#REM) Pied de page ]
136        <INCLURE{fond=inc-pied}{skel=#SQUELETTE}>
137
138</div><!--#page-->
139</body>
140</html>
Note: See TracBrowser for help on using the repository browser.