Widget:Grafico: differenze tra le versioni

Da WikiLectio.
← Differenza precedente
VisualeWikitesto
m test
m downgrade
Etichetta: Ripristino manuale
 
(6 versioni intermedie di uno stesso utente non sono mostrate)
Riga 1: Riga 1:
<includeonly>
<includeonly>
<div id="chartwrap_<!--{$id|escape:'html'}-->"
<div id="chartwrap_<!--{$id}-->"
     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}-->px;height:<!--{$height|default:380}-->px;">
   <div style="font-size:12px;color:#444;margin-bottom:4px;">
   <canvas id="canvas_<!--{$id}-->"
    WIDGET:Grafico attivo — id=<strong><!--{$id|escape:'html'}--></strong>
          width="<!--{$width|default:600}-->"
  </div>
          height="<!--{$height|default:380}-->"></canvas>


   <!-- Canvas -->
   <!-- Config INI dentro <pre hidden> -->
   <canvas id="canvas_<!--{$id|escape:'html'}-->"
   <pre id="cfg_<!--{$id}-->" hidden>
          width="<!--{$width|default:600|escape:'html'}-->"
id=<!--{$id}-->
          height="<!--{$height|default:380|escape:'html'}-->"
title=<!--{$title}-->
          style="border:1px solid #ccc;"></canvas>
xTitle=<!--{$xTitle}-->
yTitle=<!--{$yTitle}-->
labels=<!--{$labels}-->


  <!-- Config JSON dentro UN SOLO COMMENTO (niente commenti interni) -->
series1title=<!--{$series1title}-->
  <div id="cfg_<!--{$id|escape:'html'}-->" hidden>
series1data=<!--{$series1data}-->
    <!--{
series1type=<!--{$series1type}-->
      "id": "{$id|escape:'javascript'}",
series1color=<!--{$series1color}-->
      "title": "{$title|escape:'javascript'}",
      "xTitle": "{$xTitle|escape:'javascript'}",
      "yTitle": "{$yTitle|escape:'javascript'}",
      "labels": "{$labels|escape:'javascript'}",
      "series": [
        { "title": "{$series1title|escape:'javascript'}", "data": "{$series1data|escape:'javascript'}", "type": "{$series1type|escape:'javascript'}", "color": "{$series1color|escape:'javascript'}" },
        { "title": "{$series2title|escape:'javascript'}", "data": "{$series2data|escape:'javascript'}", "type": "{$series2type|escape:'javascript'}", "color": "{$series2color|escape:'javascript'}" },
        { "title": "{$series3title|escape:'javascript'}", "data": "{$series3data|escape:'javascript'}", "type": "{$series3type|escape:'javascript'}", "color": "{$series3color|escape:'javascript'}" },
        { "title": "{$series4title|escape:'javascript'}", "data": "{$series4data|escape:'javascript'}", "type": "{$series4type|escape:'javascript'}", "color": "{$series4color|escape:'javascript'}" }
      ],
      "eqX": "{$eqX|escape:'javascript'}",
      "eqY": "{$eqY|escape:'javascript'}",
      "showLegend": "{$showLegend|escape:'javascript'}",
      "responsive": "{$responsive|escape:'javascript'}",
      "xMin": "{$xMin|escape:'javascript'}",
      "xMax": "{$xMax|escape:'javascript'}",
      "yMin": "{$yMin|escape:'javascript'}",
      "yMax": "{$yMax|escape:'javascript'}"
    }-->
  </div>


series2title=<!--{$series2title}-->
series2data=<!--{$series2data}-->
series2type=<!--{$series2type}-->
series2color=<!--{$series2color}-->


   <!-- area debug -->
series3title=<!--{$series3title}-->
   <pre id="debug_<!--{$id|escape:'html'}-->"
series3data=<!--{$series3data}-->
      style="font-size:12px; background:#f7f7f7; border:1px solid #eee; padding:6px; margin-top:6px; white-space:pre-wrap;"></pre>
series3type=<!--{$series3type}-->
series3color=<!--{$series3color}-->
 
series4title=<!--{$series4title}-->
series4data=<!--{$series4data}-->
series4type=<!--{$series4type}-->
series4color=<!--{$series4color}-->
 
eqX=<!--{$eqX}-->
eqY=<!--{$eqY}-->
showLegend=<!--{$showLegend}-->
responsive=<!--{$responsive}-->
xMin=<!--{$xMin}-->
xMax=<!--{$xMax}-->
yMin=<!--{$yMin}-->
yMax=<!--{$yMax}-->
  </pre>
 
   <!-- opzionale: area debug tenuta nascosta -->
   <pre id="debug_<!--{$id}-->" hidden></pre>
</div>
</div>


<!-- JS ESTERNI -->
<script src="/resources/chart.umd.js" defer></script>
<script src="/resources/chart.umd.js" defer></script>
<script src="/resources/widget-grafico.js" defer></script>
<script src="/resources/widget-grafico.js" defer></script>
</includeonly>
</includeonly>

Versione attuale delle 22:36, 23 set 2025

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