Widget:Grafico: differenze tra le versioni

Da WikiLectio.
← Differenza precedente
VisualeWikitesto
m test
m downgrade
Etichetta: Ripristino manuale
 
(27 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:2px dashed #888;width:<!--{$width|default:600|escape:'html'}-->px;">
<div id="chartwrap_<!--{$id}-->"
  CANVAS TEST 3 — id: <!--{$id|escape:'html'}-->
    style="width:<!--{$width|default:600}-->px;height:<!--{$height|default:380}-->px;">
  <br/>
   <canvas id="canvas_<!--{$id}-->"
   <canvas id="canvas_<!--{$id|escape:'html'}-->" width="<!--{$width|default:600|escape:'html'}-->" height="200" style="border:1px solid #ccc;"></canvas>
          width="<!--{$width|default:600}-->"
   <div id="msg_<!--{$id|escape:'html'}-->" style="font-size:12px;color:#a00;margin-top:4px;"></div>
          height="<!--{$height|default:380}-->"></canvas>
</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}-->
 
series3title=<!--{$series3title}-->
series3data=<!--{$series3data}-->
series3type=<!--{$series3type}-->
series3color=<!--{$series3color}-->
 
series4title=<!--{$series4title}-->
series4data=<!--{$series4data}-->
series4type=<!--{$series4type}-->
series4color=<!--{$series4color}-->


<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
eqX=<!--{$eqX}-->
<script>
eqY=<!--{$eqY}-->
(function(){
showLegend=<!--{$showLegend}-->
  var id = "<!--{$id|escape:'html'}-->";
responsive=<!--{$responsive}-->
  var c  = document.getElementById("canvas_" + id);
xMin=<!--{$xMin}-->
   var m  = document.getElementById("msg_" + id);
xMax=<!--{$xMax}-->
yMin=<!--{$yMin}-->
yMax=<!--{$yMax}-->
   </pre>


   if(!c){ if(m) m.textContent = "Canvas non trovato"; return; }
   <!-- opzionale: area debug tenuta nascosta -->
   if(typeof Chart === "undefined"){ if(m) m.textContent = "Chart.js non caricato (CDN bloccato?)"; return; }
   <pre id="debug_<!--{$id}-->" hidden></pre>
</div>


  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: [0,2,4,6,8,10], datasets: [{label:'Demo', data:[0,2,4,6,8,10]}] },
    options: { responsive:false }
  });
})();
</script>
</includeonly>
</includeonly>

Versione attuale delle 22:36, 23 set 2025

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