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 id="chartwrap_{$id|escape:'html'}" | ||
style="width:{$width|default:600|escape:'html'}px;height:{$height|default:380|escape:'html'}px;"> | style="width:{$width|default:600|escape:'html'}px;height:{$height|default:380|escape:'html'}px;border:1px dashed #999;padding:6px;"> | ||
<div style="font-size:12px;color:#444;margin-bottom:4px;"> | |||
WIDGET:Grafico attivo — id=<strong>{$id|escape:'html'}</strong> | |||
</div> | |||
<!-- canvas --> | |||
<canvas id="canvas_{$id|escape:'html'}" | <canvas id="canvas_{$id|escape:'html'}" | ||
width="{$width|default:600|escape:'html'}" | width="{$width|default:600|escape:'html'}" | ||
height="{$height|default:380 | height="{$height|default:380|escape:'html'}" | ||
style="border:1px solid #ccc;"></canvas> | |||
></ | |||
<!-- config “data-*” nascosta --> | |||
<span id="cfg_{$id|escape:'html'}" hidden | |||
data-id="{$id|escape:'html'}" | |||
data-title="{$title|escape:'html'}" | |||
data-x-title="{$xTitle|escape:'html'}" | |||
data-y-title="{$yTitle|escape:'html'}" | |||
data-labels="{$labels|escape:'html'}" | |||
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-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> | |||
< | <!-- area debug --> | ||
<pre id="debug_{$id|escape:'html'}" | |||
style="font-size:12px; background:#f7f7f7; border:1px solid #eee; padding:6px; margin-top:6px; white-space:pre-wrap;"></pre> | |||
</div> | </div> | ||
<!-- JS ESTERNI --> | <!-- JS ESTERNI --> | ||
<script src="/resources/chart.umd.js" defer></script> | <script src="/resources/chart.umd.js" defer></script> | ||
<script src="/resources/wg-debug.js" defer></script> | |||
<script src="/resources/widget-grafico.js" defer></script> | <script src="/resources/widget-grafico.js" defer></script> | ||
</includeonly> | </includeonly> | ||
