|
|
| (7 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;border:1px dashed #999;padding:6px;"> | | style="width:<!--{$width|default:600}-->px;height:<!--{$height|default:380}-->px;"> |
| <div style="font-size:12px;color:#444;margin-bottom:4px;"> | | <canvas id="canvas_<!--{$id}-->" |
| WIDGET:Grafico attivo — id=<strong><!--{$id|escape:'html'}--></strong>
| | width="<!--{$width|default:600}-->" |
| </div>
| | height="<!--{$height|default:380}-->"></canvas> |
|
| |
|
| <!-- Canvas --> | | <!-- Config INI dentro <pre hidden> --> |
| <canvas id="canvas_<!--{$id|escape:'html'}-->" | | <pre id="cfg_<!--{$id}-->" hidden> |
| width="<!--{$width|default:600|escape:'html'}-->"
| | id=<!--{$id}--> |
| height="<!--{$height|default:380|escape:'html'}-->"
| | title=<!--{$title}--> |
| style="border:1px solid #ccc;"></canvas>
| | xTitle=<!--{$xTitle}--> |
| | yTitle=<!--{$yTitle}--> |
| | labels=<!--{$labels}--> |
|
| |
|
| <!-- Config JSON dentro UN COMMENTO (così Smarty espande le variabili) -->
| | series1title=<!--{$series1title}--> |
| <div id="cfg_<!--{$id|escape:'html'}-->" hidden>
| | series1data=<!--{$series1data}--> |
| <!--{
| | series1type=<!--{$series1type}--> |
| "id": "<!--{$id|escape:'javascript'}-->",
| | series1color=<!--{$series1color}--> |
| "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'}-->"
| |
| }-->
| |
| </div>
| |
|
| |
|
| <!-- area debug --> | | series2title=<!--{$series2title}--> |
| <pre id="debug_<!--{$id|escape:'html'}-->" | | series2data=<!--{$series2data}--> |
| style="font-size:12px; background:#f7f7f7; border:1px solid #eee; padding:6px; margin-top:6px; white-space:pre-wrap;"></pre>
| | 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> |
