Widget:Grafico: differenze tra le versioni

Da WikiLectio.
m test
m test
Riga 6: Riga 6:
           height="{$height|default:380|escape:'html'}"></canvas>
           height="{$height|default:380|escape:'html'}"></canvas>


   <!-- Config JSON sicura (niente script inline interpretabile) -->
   <!-- Config in un nodo nascosto con soli data-*, niente JSON, niente script inline -->
   <script type="application/json" id="cfg_{$id|escape:'html'}">
   <span id="cfg_{$id|escape:'html'}" hidden
  {
        data-id="{$id|escape:'html'}"
    "id": "{$id|escape:'javascript'}",
        data-title="{$title|escape:'html'}"
    "title": "{$title|escape:'javascript'}",
        data-x-title="{$xTitle|escape:'html'}"
    "xTitle": "{$xTitle|escape:'javascript'}",
        data-y-title="{$yTitle|escape:'html'}"
    "yTitle": "{$yTitle|escape:'javascript'}",
        data-labels="{$labels|escape:'html'}"
    "labels": "{$labels|escape:'javascript'}",
        data-series1-title="{$series1title|escape:'html'}"
    "series": [
        data-series1-data="{$series1data|escape:'html'}"
      { "title": "{$series1title|escape:'javascript'}", "data": "{$series1data|escape:'javascript'}", "type": "{$series1type|escape:'javascript'}", "color": "{$series1color|escape:'javascript'}" },
        data-series1-type="{$series1type|escape:'html'}"
      { "title": "{$series2title|escape:'javascript'}", "data": "{$series2data|escape:'javascript'}", "type": "{$series2type|escape:'javascript'}", "color": "{$series2color|escape:'javascript'}" },
        data-series1-color="{$series1color|escape:'html'}"
      { "title": "{$series3title|escape:'javascript'}", "data": "{$series3data|escape:'javascript'}", "type": "{$series3type|escape:'javascript'}", "color": "{$series3color|escape:'javascript'}" },
        data-series2-title="{$series2title|escape:'html'}"
      { "title": "{$series4title|escape:'javascript'}", "data": "{$series4data|escape:'javascript'}", "type": "{$series4type|escape:'javascript'}", "color": "{$series4color|escape:'javascript'}" }
        data-series2-data="{$series2data|escape:'html'}"
    ],
        data-series2-type="{$series2type|escape:'html'}"
    "eqX": "{$eqX|escape:'javascript'}",
        data-series2-color="{$series2color|escape:'html'}"
    "eqY": "{$eqY|escape:'javascript'}",
        data-series3-title="{$series3title|escape:'html'}"
    "showLegend": "{$showLegend|escape:'javascript'}",
        data-series3-data="{$series3data|escape:'html'}"
    "responsive": "{$responsive|escape:'javascript'}",
        data-series3-type="{$series3type|escape:'html'}"
    "xMin": "{$xMin|escape:'javascript'}",
        data-series3-color="{$series3color|escape:'html'}"
    "xMax": "{$xMax|escape:'javascript'}",
        data-series4-title="{$series4title|escape:'html'}"
    "yMin": "{$yMin|escape:'javascript'}",
        data-series4-data="{$series4data|escape:'html'}"
    "yMax": "{$yMax|escape:'javascript'}"
        data-series4-type="{$series4type|escape:'html'}"
   }
        data-series4-color="{$series4color|escape:'html'}"
  </script>
        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>


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

Versione delle 10:02, 20 set 2025