Widget:Grafico: differenze tra le versioni
Da WikiLectio.
m test |
m test |
||
| Riga 1: | Riga 1: | ||
<includeonly> | <includeonly> | ||
<div id="chartwrap_ | <div id="chartwrap_{$id|escape:'html'}" | ||
style="width: | style="width:{$width|default:600|escape:'html'}px;height:{$height|default:380|escape:'html'}px;"> | ||
<canvas id="canvas_{$id|escape:'html'}" | <canvas id="canvas_{$id|escape:'html'}" | ||
width="{$width|default:600|escape:'html'}" | |||
height="{$height|default:380|escape:'html'}"></canvas> | |||
></canvas> | |||
<div id="chartmsg_ | <!-- 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> | ||
<!-- | <!-- JS ESTERNI (nessun inline) --> | ||
<script src="/resources/chart.umd.js"></script> | <script src="/resources/chart.umd.js"></script> | ||
<script src="/resources/widget-grafico.js"></script> | <script src="/resources/widget-grafico.js"></script> | ||
</includeonly> | </includeonly> | ||
