Personnaliser primefaces graphique
J'ai l'aide de primefaces graphique sur mon projet.
Je sais être primefaces le graphique de l'utilisation de jqplot .
sur jqplot site d'exister exemple de personnalisation de jqplot graphique.
comment utiliser l'exemple de codes pour la personnalisation de primefaces graphique ?
exemple de code pour la personnalisation de jqplot graphique est la suivante :
$(document).ready(function () {
$.jqplot._noToImageButton = true;
var plot1 = $.jqplot("chart1", [prevYear, currYear], {
seriesColors: ["rgba(78, 135, 194, 0.7)", "rgb(211, 235, 59)"],
title: 'Monthly TurnKey Revenue',
highlighter: {
show: true,
sizeAdjust: 1,
tooltipOffset: 9
},
grid: {
background: 'rgba(57,57,57,0.0)',
drawBorder: false,
shadow: false,
gridLineColor: '#666666',
gridLineWidth: 2
},
legend: {
show: true,
placement: 'outside'
},
seriesDefaults: {
rendererOptions: {
smooth: true,
animation: {
show: true
}
},
showMarker: false
},
series: [
{
fill: true,
label: '2010'
},
{
label: '2011'
}
],
axesDefaults: {
rendererOptions: {
baselineWidth: 1.5,
baselineColor: '#444444',
drawBaseline: false
}
},
axes: {
xaxis: {
renderer: $.jqplot.DateAxisRenderer,
tickRenderer: $.jqplot.CanvasAxisTickRenderer,
tickOptions: {
formatString: "%b %e",
angle: -30,
textColor: '#dddddd'
},
min: "2011-08-01",
max: "2011-09-30",
tickInterval: "7 days",
drawMajorGridlines: false
},
yaxis: {
renderer: $.jqplot.LogAxisRenderer,
pad: 0,
rendererOptions: {
minorTicks: 1
},
tickOptions: {
formatString: "$%'d",
showMark: false
}
}
}
});
$('.jqplot-highlighter-tooltip').addClass('ui-corner-all')
});
exemple de lien Un
comment utiliser de code ci-dessus sur primefaces graphique ?
OriginalL'auteur O.R | 2014-05-24
Vous devez vous connecter pour publier un commentaire.
Lorsque vous utilisez la rallonge, vous pouvez tout changer par js.
Voici un exemple
Et sur fichier js ou dans la page, sous l'Étiquette:
C'est juste un exemple.. Cela vous aidera à faire le reste.
Espère que cela aide 🙂
c'.cfg.axes= { xaxis: { moteur de rendu: {tickRenderer: 'CanvaAxisTickRenderer', tickOptions: {formatString: "%b %e", angle: -30, textColor: '#dddddd' ... Et ainsi de suite.. Il doit être le même.. Mais peut-être vous avez besoin d'essayer de changer de pièces simples d'abord et ensuite faire compliqué.. Parce que ce peut être le moyen de faire des erreurs
OriginalL'auteur Aviad
Avez-vous mis à niveau vers Primefaces 5.0? Primefaces effectivement refait son api graphique de sorte que vous êtes maintenant en mesure d'ajouter ces personnalisations directement à partir de votre haricots sans avoir à traiter avec jplot. Aussi, les anciennes versions de cartes sera obsolète dans le futur, donc c'est une bonne idée pour passer.
Si vous insistez toujours sur la façon de traiter avec l'ancienne version des charts, ce que vous avez à faire est de faire votre diagramme de prolonger la fonction à l'aide de l'extender option
OriginalL'auteur LegendzRider
Je n'ai pas pris la peine de personnaliser la PrimeFaces graphiques. J'ai opté pour l'utilisation de Google charts dans mon application JSF. Il est hautement personnalisable et il est rendu SVG, donc vous pouvez en outre utiliser les CSS pour le style de vos graphiques. Vous pouvez avoir un coup d'oeil à la GChart PrimeFaces extension ou simplement charger le JavaScript personnaliser tout (c'est facile et bien documenté).
OriginalL'auteur Jasper de Vries