Actuellement je suis en version 6.0.5 sous linux et le graphiques de certains widgets ne s’affichent plus depuis la version 5.0.4.
Je n’ai plus de message d’erreur mais pas de graphiques visibles pour certains widgets.
Ce n’est pas vital mais c’était bien pratique tout de même d’avoir une petite synthèse visuelle.
Ce qui est bizarre c’est que dans le source de la page concernant le widget il semble bien y avoir des infos mais rien n’est visible :
. . .
<tbody><tr class="liste_titre box_titre"><td colspan="1"><table summary="" class="nobordernopadding" width="100%"><tbody><tr><td class="tdoverflowmax100 maxwidth100onsmartphone">Factures clients par mois</td><td class="nocellnopadd boxclose right nowraponall"><img src="/theme/eldy/img/filter.png" alt="" title="Filtre" class="linkobject boxfilter" id="idsubimginvoicespermonth"><img src="/theme/eldy/img/grip_title.png" alt="" title="Déplacer le widget" class="boxhandle hideonsmartphone cursormove ui-sortable-handle"><img src="/theme/eldy/img/close_title.png" alt="" title="Supprimer le widget du tableau de bord" class="boxclose cursorpointer" rel="x:y" id="imgclose21"><input id="boxlabelentry21" value="Factures clients par mois (Graphiques)" type="hidden"></td></tr></tbody></table></td></tr>
<tr class="oddeven"><td class="nohover" align="center">
<script type="text/javascript" language="javascript">
jQuery(document).ready(function() {
jQuery("#idsubimginvoicespermonth").click(function() {
jQuery("#idfilterinvoicespermonth").toggle();
});
});
</script><div class="center hideobject" id="idfilterinvoicespermonth" style="display: block;"><form class="flat formboxfilter" method="POST" action="/index.php"><input name="action" value="refresh_invoicespermonth" type="hidden"><input name="DOL_AUTOSET_COOKIE" value="DOLUSERCOOKIE_box_invoicespermonth:year,shownb,showtot" type="hidden"><input name="DOLUSERCOOKIE_box_invoicespermonth_shownb" type="checkbox"> Nb de factures par mois <input name="DOLUSERCOOKIE_box_invoicespermonth_showtot" checked="" type="checkbox"> Montant de factures par mois (HT)<br>Année <input class="flat" size="4" name="DOLUSERCOOKIE_box_invoicespermonth_year" value="2018" type="text"><input alt="Rafraichir" src="/theme/eldy/img/refresh.png" type="image"></form></div><!-- Build using jflot -->
<div class="dolgraphtitle dolgraphtitlecssboxes" align="center">Montant de factures par mois (HT)</div><div id="placeholder_invoicesamountinyear_2018_png" style="padding: 0px; position: relative;" class="dolgraph dolgraphcssboxes"><canvas class="flot-base" style="direction: ltr; position: absolute; left: 0px; top: 0px;"></canvas></div>
<script id="invoicesamountinyear_2018_png">
$(function () {
var d0 = [];
d0.push([0, xxxx]);
d0.push([1, xxxx]);
d0.push([2, xxxx]);
d0.push([3, xxxx]);
d0.push([4, xxxx]);
d0.push([5, xxxx]);
d0.push([6, xxxx]);
d0.push([7, xxxx]);
d0.push([8, xxxx]);
d0.push([9, xxxx]);
d0.push([10, xxxx]);
d0.push([11, xxxx]);
var d1 = [];
d1.push([0, xxxx]);
d1.push([1, 0]);
d1.push([2, 0]);
d1.push([3, 0]);
d1.push([4, 0]);
d1.push([5, 0]);
d1.push([6, 0]);
d1.push([7, 0]);
d1.push([8, 0]);
d1.push([9, 0]);
d1.push([10, 0]);
d1.push([11, 0]);
function showTooltip_invoicesamountinyear_2018_png(x, y, contents) {
$('<div id="tooltip_invoicesamountinyear_2018_png">' + contents + '</div>').css({
position: 'absolute',
display: 'none',
top: y + 5,
left: x + 5,
border: '1px solid #ddd',
padding: '2px',
'background-color': '#ffe',
width: 200,
opacity: 0.80
}).appendTo("body").fadeIn(20);
}
var previousPoint = null;
$("#placeholder_invoicesamountinyear_2018_png").bind("plothover", function (event, pos, item) {
$("#x").text(pos.x.toFixed(2));
$("#y").text(pos.y.toFixed(2));
if (item) {
if (previousPoint != item.dataIndex) {
previousPoint = item.dataIndex;
$("#tooltip").remove();
/* console.log(item); */
var x = item.datapoint[0].toFixed(2);
var y = item.datapoint[1].toFixed(2);
var z = item.series.xaxis.ticks[item.dataIndex].label;
showTooltip_invoicesamountinyear_2018_png(item.pageX, item.pageY, item.series.label + "<br>" + z + " => " + y);
}
}
else {
$("#tooltip_invoicesamountinyear_2018_png").remove();
previousPoint = null;
}
});
var stack = null, steps = false;
function plotWithOptions_invoicesamountinyear_2018_png() {
$.plot($("#placeholder_invoicesamountinyear_2018_png"), [
{ bars: { show: true, align: "center", barWidth: 0.5 }, color: "#886688", label: "2017", data: d0 },
{ bars: { show: true, align: "left", barWidth: 0.5 }, color: "#00826e", label: "2018", data: d1 }
], { series: { stack: stack, lines: { fill: false, steps: steps }, bars: { barWidth: 0.6 } }
, xaxis: { ticks: [
[0, "Jan"],
[1, "Fév"],
[2, "Mar"],
[3, "Avr"],
[4, "Mai"],
[5, "Jui"],
[6, "Jui"],
[7, "Aoû"],
[8, "Sep"],
[9, "Oct"],
[10, "Nov"],
[11, "Déc"]] }
, yaxis: { min: 0, max: 8000 }
, grid: { hoverable: true, backgroundColor: { colors: ["#ffffff", "#ffffff"] } }
});
}
plotWithOptions_invoicesamountinyear_2018_png();
});</script> . . .