Changeset 105011 in spip-zone


Ignore:
Timestamp:
Jun 28, 2017, 9:53:19 AM (2 years ago)
Author:
tcharlss@…
Message:

Rétablir les paramètres width et height. Pour simplifier, on ne fait pas la distinction entre width et canvaswidth, la valeur s'applique aux 2

Location:
_plugins_/chartjs/trunk
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • _plugins_/chartjs/trunk/demo/demo_chartjs.html

    r105002 r105011  
    3131                        #SET{labels,"Salé,Sucré,Amer,Acide"}
    3232                        #SET{datalabels,"poire,pomme,courgette,citron"}
    33                         [(#MODELE{chart}{id=barre,type=bar,datasets=#GET{data},labels=#GET{labels},dataLabels=#GET{datalabels}})]
     33                        [(#MODELE{chart}{id=barre,type=bar,datasets=#GET{data},labels=#GET{labels},dataLabels=#GET{datalabels},width=500,height=500})]
    3434                        <pre class="code-chart"><code class="language-html">&lt;chart
    3535  |id=barre
     
    3737  |datasets=40,32,50,35 next 20,25,45,42 next 40,43, 61,50 next 33,15,40,22
    3838  |labels=Salé,Sucré,Amer,Acide
    39   |dataLabels=poire,pomme,courgette,citron0&gt;
     39  |dataLabels=poire,pomme,courgette,citron
     40  |width=500
     41  |height=500&gt;
    4042                        </code></pre>
    4143                </div>
     
    4749                        #SET{labels,"Janvier, Février, Mars, Avril"}
    4850                        #SET{datalabels,"patates,poireaux"}
    49                         [(#MODELE{chart}{id=ligne,type=line,datasets=#GET{data},labels=#GET{labels},dataLabels=#GET{datalabels}})]
     51                        [(#MODELE{chart}{id=ligne,type=line,datasets=#GET{data},labels=#GET{labels},dataLabels=#GET{datalabels},width=500,height=500})]
    5052                        <pre class="code-chart"><code class="language-html">&lt;chart
    5153  |id=ligne
     
    5355  |datasets=40,43,61,50 next 33,15,40,22
    5456  |labels=Janvier, Février, Mars, Avril0
    55   |dataLabels=patates,poireaux&gt;
     57  |dataLabels=patates,poireaux
     58  |width=500
     59  |height=500&gt;
    5660                        </code></pre>
    5761                </div>
  • _plugins_/chartjs/trunk/modeles/chart.html

    r105001 r105011  
    1616        - *id :           Identifiant du graphe
    1717        - *class :        Classes supplémentaires du conteneur
    18         - width :         Largeur du conteneur, avec l'unité
    19         - height :        Hauteur du conteneur, avec l'unité
     18        - width :         Largeur en px, sans l'unité
     19        - height :        Hauteur en px, sans l'unité
    2020
    2121        <!-- Données et textes -->
     
    9090[(#REM) Apparence ]
    9191#SET{width,        #ENV{width,#ENV{canvaswidth}}}
    92 #SET{width,        #GET{width}|concat{#GET{width}|match{\w\{2\}$}|?{px}}}
     92#SET{width_unit,   #GET{width}|concat{#GET{width}|match{\w\{2\}$}|?{px}}}
     93#SET{width_int,    #GET{width}|intval|sinon{''}}
    9394#SET{height,       #ENV{height,#ENV{canvasheight}}}
    94 #SET{height,       #GET{height}|concat{#GET{height}|match{\w\{2\}$}|?{px}}}
     95#SET{height_unit,  #GET{height}|concat{#GET{height}|match{\w\{2\}$}|?{px}}}
     96#SET{height_int,   #GET{height}|intval|sinon{''}}
    9597#SET{colors,       #ENV{colors}|is_null|?{
    9698        #LISTE{#69D2E7,#E0E4CC,#F38630,#96CE7F,#CEBC17,#CE4264,#F7464A,#46BFBD,#FDB45C},
     
    182184        yAxes,#LISTE{#ARRAY{stacked,#GET{stacked}|?{true}}}
    183185}}
     186#SET{nb_dimensions,#LISTE{#GET{width_int},#GET{height_int}}|array_filter|count}
     187#SET{maintainaspectratio,#GET{nb_dimensions}|=={1}|?{false}}
    184188#SET{options,#ARRAY{
    185         responsive, #GET{responsive},
    186         scales,     #GET{scales}
     189        responsive,          #GET{responsive},
     190        scales,              #GET{scales},
     191        maintainAspectRatio, #GET{maintainaspectratio}
    187192}}
    188193#SET{options, #GET{options}|chartjs_array_filter_recursive}
     
    199204<div
    200205        class="spip-chart-wrap[ spip-chart-align-(#GET{align})][ (#GET{class})]"
    201         style="position:relative; max-width:100%;[ width:(#GET{width});][ height:(#GET{height});]"
     206        style="position:relative; max-width:100%;"
    202207>
    203         <canvas id="#GET{id}" class="spip-chart-canvas"></canvas>
     208        <canvas id="#GET{id}" class="spip-chart-canvas"[ width=(#GET{width_int})][ height=(#GET{height_int})]></canvas>
    204209</div>
    205210
Note: See TracChangeset for help on using the changeset viewer.