Format jqPlot point de labels comme: nombre (%)
c'est ma première question.
J'ai besoin de formater un jqPlot graphique des étiquettes de points comme ceci: 50 (100%)
Le formatage de nombre et de montrer pourcentage.
var s1 = [32, 28, 18, 6];
var ticks = ['0-20 kph', '21-40 kph', '41-60 kph', '61+ kph'];
plot1 = $.jqplot('bar-graph', [s1], {
animate: !$.jqplot.use_excanvas,
title: 'Gráficos de velocidade',
captureRightClick: true,
seriesColors: ['green', 'yellow', 'orange', 'red'],
seriesDefaults: {
renderer: $.jqplot.BarRenderer,
pointLabels: {
show: true,
formatString: '%s (?%%)'
},
rendererOptions: {
varyBarColor: true
}
},
axes: {
xaxis: {
renderer: $.jqplot.CategoryAxisRenderer,
ticks: ticks
}
},
highlighter: {
show: false
}
});
Sur jsFinddle: http://jsfiddle.net/evandroprogram/r3PUE/10/
Grâce.
+1 pour jsfiddle
OriginalL'auteur evsar3 | 2012-05-21
Vous devez vous connecter pour publier un commentaire.
Vous pouvez probablement mettre en œuvre une fonction qui renvoie un format de chaîne au lieu de définir le format explicitement. Quelque chose comme ceci:
Vous pouvez faire vos calculs à l'intérieur de cette fonction à venir avec la chaîne appropriée.
Vous avez besoin d'une mise en forme personnalisée. J'ai fait quelques changements dans le jsfiddle vous avez mis en place, aller essayer ça. En arrondissant les valeurs en pourcentage sont laissés pour vous. EDIT: que le violon n'est pas d'être sauvés, désolé. Donc voici le code pour le formateur. Mettre ce avant que le document soit prêt appel. (function($) { $.jqplot.LabelFormatter = function(format, val){ return val + '(' + (val / totalMarkers * 100) + '%'; }; })(jQuery); Puis utilisez la commande suivante: pointLabels: { afficher: vrai, formatString: '%s (%%)', formateur: $.jqplot.LabelFormatter },
L'homme, merci beaucoup... j'ai lu à ce sujet, mais, j'ai essayé d'utiliser de mal. Désolé pour mon anglais, je suis brésilienne. Tous fonctionne parfaitement. Du bon travail.
+1 belle réponse. Merci beaucoup pour montrer le code. Pourriez-vous ajouter le code de votre commentaire à votre réponse, il sera beaucoup plus facile à lire. Pour ceux qui veulent voir rapidement dans l'action, j'ai fait un jsfiddle qui montre ce qu'il fait jsfiddle.net/Boro/42TDs
OriginalL'auteur Satyajit