Widget:Grafico: differenze tra le versioni

Da WikiLectio.
m test
m downgrade
Etichetta: Ripristino manuale
 
(11 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;">
     style="width:<!--{$width|default:600}-->px;height:<!--{$height|default:380}-->px;">
   <canvas id="canvas_{$id|escape:'html'}"
   <canvas id="canvas_<!--{$id}-->"
           width="{$width|default:600|escape:'html'}"
           width="<!--{$width|default:600}-->"
           height="{$height|default:380|escape:'html'}"></canvas>
           height="<!--{$height|default:380}-->"></canvas>


   <!-- Config JSON sicura (niente script inline interpretabile) -->
   <!-- Config INI dentro <pre hidden> -->
   <script type="application/json" id="cfg_{$id|escape:'html'}">
   <pre id="cfg_<!--{$id}-->" hidden>
  {
id=<!--{$id}-->
    "id": "{$id|escape:'javascript'}",
title=<!--{$title}-->
    "title": "{$title|escape:'javascript'}",
xTitle=<!--{$xTitle}-->
    "xTitle": "{$xTitle|escape:'javascript'}",
yTitle=<!--{$yTitle}-->
    "yTitle": "{$yTitle|escape:'javascript'}",
labels=<!--{$labels}-->
    "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'}"
  }
  </script>


   <div id="chartmsg_{$id|escape:'html'}" style="font-size:12px;color:#a00;margin-top:4px;"></div>
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}-->
 
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