Widget:Grafico: differenze tra le versioni

Da WikiLectio.
← Differenza precedenteDifferenza successiva →
VisualeWikitesto
m test
m test
Riga 1: Riga 1:
<includeonly>
<includeonly>
<div id="chartwrap_{$id|escape:'html'}"
<div id="chartwrap_<!--{$id|escape:'html'}-->"
     style="width:{$width|default:600|escape:'html'}px;height:{$height|default:380|escape:'html'}px;border:1px dashed #999;padding:6px;">
     style="width:<!--{$width|default:600|escape:'html'}-->px;height:<!--{$height|default:380|escape:'html'}-->px;border:1px dashed #999;padding:6px;">
   <div style="font-size:12px;color:#444;margin-bottom:4px;">
   <div style="font-size:12px;color:#444;margin-bottom:4px;">
     WIDGET:Grafico attivo — id=<strong>{$id|escape:'html'}</strong>
     WIDGET:Grafico attivo — id=<strong><!--{$id|escape:'html'}--></strong>
   </div>
   </div>


   <!-- canvas -->
   <!-- Canvas -->
   <canvas id="canvas_{$id|escape:'html'}"
   <canvas id="canvas_<!--{$id|escape:'html'}-->"
           width="{$width|default:600|escape:'html'}"
           width="<!--{$width|default:600|escape:'html'}-->"
           height="{$height|default:380|escape:'html'}"
           height="<!--{$height|default:380|escape:'html'}-->"
           style="border:1px solid #ccc;"></canvas>
           style="border:1px solid #ccc;"></canvas>


   <!-- config “data-*” nascosta -->
   <!-- Config JSON dentro UN COMMENTO (così Smarty espande le variabili) -->
   <span id="cfg_{$id|escape:'html'}" hidden
   <div id="cfg_<!--{$id|escape:'html'}-->" hidden>
        data-id="{$id|escape:'html'}"
    <!--{
        data-title="{$title|escape:'html'}"
      "id": "<!--{$id|escape:'javascript'}-->",
        data-x-title="{$xTitle|escape:'html'}"
      "title": "<!--{$title|escape:'javascript'}-->",
        data-y-title="{$yTitle|escape:'html'}"
      "xTitle": "<!--{$xTitle|escape:'javascript'}-->",
        data-labels="{$labels|escape:'html'}"
      "yTitle": "<!--{$yTitle|escape:'javascript'}-->",
         data-series1-title="{$series1title|escape:'html'}"
      "labels": "<!--{$labels|escape:'javascript'}-->",
        data-series1-data="{$series1data|escape:'html'}"
      "series": [
        data-series1-type="{$series1type|escape:'html'}"
         { "title": "<!--{$series1title|escape:'javascript'}-->", "data": "<!--{$series1data|escape:'javascript'}-->", "type": "<!--{$series1type|escape:'javascript'}-->", "color": "<!--{$series1color|escape:'javascript'}-->" },
        data-series1-color="{$series1color|escape:'html'}"
         { "title": "<!--{$series2title|escape:'javascript'}-->", "data": "<!--{$series2data|escape:'javascript'}-->", "type": "<!--{$series2type|escape:'javascript'}-->", "color": "<!--{$series2color|escape:'javascript'}-->" },
         data-series2-title="{$series2title|escape:'html'}"
         { "title": "<!--{$series3title|escape:'javascript'}-->", "data": "<!--{$series3data|escape:'javascript'}-->", "type": "<!--{$series3type|escape:'javascript'}-->", "color": "<!--{$series3color|escape:'javascript'}-->" },
        data-series2-data="{$series2data|escape:'html'}"
         { "title": "<!--{$series4title|escape:'javascript'}-->", "data": "<!--{$series4data|escape:'javascript'}-->", "type": "<!--{$series4type|escape:'javascript'}-->", "color": "<!--{$series4color|escape:'javascript'}-->" }
         data-series2-type="{$series2type|escape:'html'}"
      ],
         data-series2-color="{$series2color|escape:'html'}"
      "eqX": "<!--{$eqX|escape:'javascript'}-->",
        data-eqx="{$eqX|escape:'html'}"
      "eqY": "<!--{$eqY|escape:'javascript'}-->",
        data-eqy="{$eqY|escape:'html'}"
      "showLegend": "<!--{$showLegend|escape:'javascript'}-->",
        data-show-legend="{$showLegend|escape:'html'}"
      "responsive": "<!--{$responsive|escape:'javascript'}-->",
        data-responsive="{$responsive|escape:'html'}"
      "xMin": "<!--{$xMin|escape:'javascript'}-->",
        data-xmin="{$xMin|escape:'html'}"
      "xMax": "<!--{$xMax|escape:'javascript'}-->",
        data-xmax="{$xMax|escape:'html'}"
      "yMin": "<!--{$yMin|escape:'javascript'}-->",
        data-ymin="{$yMin|escape:'html'}"
      "yMax": "<!--{$yMax|escape:'javascript'}-->"
        data-ymax="{$yMax|escape:'html'}"
    }-->
   ></span>
   </div>


   <!-- area debug -->
   <!-- area debug -->
   <pre id="debug_{$id|escape:'html'}"
   <pre id="debug_<!--{$id|escape:'html'}-->"
       style="font-size:12px; background:#f7f7f7; border:1px solid #eee; padding:6px; margin-top:6px; white-space:pre-wrap;"></pre>
       style="font-size:12px; background:#f7f7f7; border:1px solid #eee; padding:6px; margin-top:6px; white-space:pre-wrap;"></pre>
</div>
</div>
Riga 44: Riga 44:
<!-- JS ESTERNI -->
<!-- JS ESTERNI -->
<script src="/resources/chart.umd.js" defer></script>
<script src="/resources/chart.umd.js" defer></script>
<script src="/resources/wg-debug.js" defer></script>
<script src="/resources/widget-grafico.js" defer></script>
<script src="/resources/widget-grafico.js" defer></script>
</includeonly>
</includeonly>

Versione delle 10:31, 20 set 2025

Estratto da "https://wikilectio.it/index.php?title=Widget:Grafico&oldid=235"