jQuery flot plus d'espace en haut

Question

Comment puis-je créer plus d'espace en haut des graphiques ?

Maintenant, j'obtiens ceci :

Mais c'est ce que je veux :

Voici mon code JS :

$("table.chart").each(function() {
    var colors = [];
    $("table.chart thead th:not(:first)").each(function() {
        colors.push($(this).css("color"));
    });
    $(this).graphTable({
        series: 'columns',
        position: 'replace',
        width: '100%',
        height: '200px',
        colors: colors
    }, {
        xaxis: {
            tickSize: 1
        }
    });
});

Answer 1

Ajuster le autoscaleMargin de l'axe des y. Extrait de l'API :

La valeur "autoscaleMargin" est un peu ésotérique : il s'agit de la fraction de la marge que l'algorithme de mise à l'échelle ajoutera pour éviter que les points les plus extérieurs se retrouvent sur le bord de la grille. Notez que cette marge n'est appliquée que lorsque une valeur min ou max n'est pas explicitement définie. Si une marge est spécifiée, le tracé étendra en outre le point final de l'axe au tick entier le plus proche. tique entier le plus proche. La valeur par défaut est "null" pour les axes x et 0,02 pour les axes y ce qui semble approprié dans la plupart des cas.

Il semble que l'augmentation de la valeur par défaut de 0,02 fera ce que vous voulez.

Answer 2

J'ai ajouté ceci au fichier JS et j'ai maintenant un peu d'espace en haut... Ce n'est pas grand chose mais c'est déjà ça :-)

yaxis: {
    max: null
}