Widget:Grafico: differenze tra le versioni

Da WikiLectio.
m test
m downgrade
Etichetta: Ripristino manuale
 
(9 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 in un nodo nascosto con soli data-*, niente JSON, niente script inline -->
   <!-- Config INI dentro <pre hidden> -->
<span id="cfg_{$id|escape:'html'}" hidden
  <pre id="cfg_<!--{$id}-->" hidden>
      data-id="{$id|escape:'html'}"
id=<!--{$id}-->
      data-title="{$title|escape:'html'}"
title=<!--{$title}-->
      data-x-title="{$xTitle|escape:'html'}"
xTitle=<!--{$xTitle}-->
      data-y-title="{$yTitle|escape:'html'}"
yTitle=<!--{$yTitle}-->
      data-labels="{$labels|escape:'html'}"
labels=<!--{$labels}-->
      data-series1-title="{$series1title|escape:'html'}"
      data-series1-data="{$series1data|escape:'html'}"
      data-series1-type="{$series1type|escape:'html'}"
      data-series1-color="{$series1color|escape:'html'}"
      data-series2-title="{$series2title|escape:'html'}"
      data-series2-data="{$series2data|escape:'html'}"
      data-series2-type="{$series2type|escape:'html'}"
      data-series2-color="{$series2color|escape:'html'}"
      data-series3-title="{$series3title|escape:'html'}"
      data-series3-data="{$series3data|escape:'html'}"
      data-series3-type="{$series3type|escape:'html'}"
      data-series3-color="{$series3color|escape:'html'}"
      data-series4-title="{$series4title|escape:'html'}"
      data-series4-data="{$series4data|escape:'html'}"
      data-series4-type="{$series4type|escape:'html'}"
      data-series4-color="{$series4color|escape:'html'}"
      data-eqx="{$eqX|escape:'html'}"
      data-eqy="{$eqY|escape:'html'}"
      data-show-legend="{$showLegend|escape:'html'}"
      data-responsive="{$responsive|escape:'html'}"
      data-xmin="{$xMin|escape:'html'}"
      data-xmax="{$xMax|escape:'html'}"
      data-ymin="{$yMin|escape:'html'}"
      data-ymax="{$yMax|escape:'html'}"
></span>


series1title=<!--{$series1title}-->
series1data=<!--{$series1data}-->
series1type=<!--{$series1type}-->
series1color=<!--{$series1color}-->


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