Widget:Grafico: differenze tra le versioni

Da WikiLectio.
← Differenza precedente
VisualeWikitesto
m test
m downgrade
Etichetta: Ripristino manuale
 
(21 versioni intermedie di uno stesso utente non sono mostrate)
Riga 1: Riga 1:
<includeonly>
<includeonly>
<div id="wrap_<!--{$id|escape:'html'}-->" style="padding:8px;border:1px solid #ccc;width:620px;">
<div id="chartwrap_<!--{$id}-->"
  <div style="font-size:12px;color:#555;margin-bottom:6px;">
    style="width:<!--{$width|default:600}-->px;height:<!--{$height|default:380}-->px;">
    Widget Grafico — test base (id: <!--{$id|escape:'html'}-->)
   <canvas id="canvas_<!--{$id}-->"
  </div>
          width="<!--{$width|default:600}-->"
   <canvas id="canvas_<!--{$id|escape:'html'}-->" width="600" height="240" style="border:1px solid #ddd;"></canvas>
          height="<!--{$height|default:380}-->"></canvas>
   <div id="msg_<!--{$id|escape:'html'}-->" style="font-size:12px;color:#a00;margin-top:6px;"></div>
 
</div>
  <!-- Config INI dentro <pre hidden> -->
   <pre id="cfg_<!--{$id}-->" hidden>
id=<!--{$id}-->
title=<!--{$title}-->
xTitle=<!--{$xTitle}-->
yTitle=<!--{$yTitle}-->
labels=<!--{$labels}-->
 
series1title=<!--{$series1title}-->
series1data=<!--{$series1data}-->
series1type=<!--{$series1type}-->
series1color=<!--{$series1color}-->
 
series2title=<!--{$series2title}-->
series2data=<!--{$series2data}-->
series2type=<!--{$series2type}-->
series2color=<!--{$series2color}-->


<!-- Chart.js locale -->
series3title=<!--{$series3title}-->
<script src="/resources/chart.umd.js"></script>
series3data=<!--{$series3data}-->
series3type=<!--{$series3type}-->
series3color=<!--{$series3color}-->


<script>
series4title=<!--{$series4title}-->
(function(){
series4data=<!--{$series4data}-->
  var id  = "<!--{$id|escape:'html'}-->";
series4type=<!--{$series4type}-->
  var c  = document.getElementById("canvas_" + id);
series4color=<!--{$series4color}-->
  var msg = document.getElementById("msg_" + id);


  if (!c) { if (msg) msg.textContent = "Canvas non trovato (id="+id+")"; return; }
eqX=<!--{$eqX}-->
  if (typeof Chart === "undefined") { if (msg) msg.textContent = "Chart.js locale non caricato: controlla /resources/chart.umd.js"; return; }
eqY=<!--{$eqY}-->
showLegend=<!--{$showLegend}-->
responsive=<!--{$responsive}-->
xMin=<!--{$xMin}-->
xMax=<!--{$xMax}-->
yMin=<!--{$yMin}-->
yMax=<!--{$yMax}-->
  </pre>


   try {
   <!-- opzionale: area debug tenuta nascosta -->
    // Dati DEMO fissi (niente Smarty qui)
  <pre id="debug_<!--{$id}-->" hidden></pre>
    var labels = [0, 2, 4, 6, 8, 10];
</div>
    var data1  = [10, 8, 6, 4, 2, 0];  // Domanda
    var data2  = [0,  2, 4, 6, 8, 10];  // Offerta


    new Chart(c.getContext('2d'), {
<script src="/resources/chart.umd.js" defer></script>
      type: 'line',
<script src="/resources/widget-grafico.js" defer></script>
      data: {
        labels: labels,
        datasets: [
          { label: 'Domanda', data: data1, fill: false },
          { label: 'Offerta', data: data2, fill: false }
        ]
      },
      options: {
        responsive: false,
        plugins: {
          title: { display: true, text: 'Mercato affitti (demo)' },
          legend: { display: true }
        }
      }
    });
    if (msg) msg.textContent = "";
  } catch (e) {
    if (msg) msg.textContent = "Errore rendering: " + (e && e.message ? e.message : e);
    console.error("[Widget:Grafico] errore:", e);
  }
})();
</script>
</includeonly>
</includeonly>

Versione attuale delle 22:36, 23 set 2025

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