Widget:Grafico: differenze tra le versioni

Da WikiLectio.
m test
m test
Riga 1: Riga 1:
<includeonly>
<includeonly>
<div id="chartwrap_{$id|escape:'html'}"
<div style="width:600px;height:260px;">
    style="width:{$width|default:600|escape:'html'}px;height:{$height|default:380|escape:'html'}px;">
   <canvas id="canvas_{$id|escape:'html'}" width="600" height="240"></canvas>
   <canvas id="canvas_{$id|escape:'html'}"
          width="{$width|default:600|escape:'html'}"
          height="{$height|default:380|escape:'html'}"></canvas>
 
  <!-- Config JSON sicuro (niente JS inline, niente attributi con Smarty) -->
  <script type="application/json" id="cfg_{$id|escape:'html'}">
  {
    "id": "{$id|escape:'javascript'}",
    "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'}"
  }
  </script>
 
  <div id="chartmsg_{$id|escape:'html'}" style="font-size:12px;color:#a00;margin-top:4px;"></div>
</div>
</div>
<script src="/resources/wg-sanity.js" defer></script>
</includeonly>


<!-- JS ESTERNI (nessun inline) -->
<script src="/resources/chart.umd.js"></script>
<script src="/resources/widget-grafico.js"></script>
</includeonly>
</includeonly>

Versione delle 09:46, 20 set 2025


</includeonly>