10
votes

Possible de masquer des barres de hauteur zéro dans un graphique à barres?

Pour les valeurs de 0, FLOT aime dessiner une ligne plate où serait la barre. Est-il possible de le configurer pour ne rien dessiner?


2 commentaires

Ce problème est plus évident si vous utilisez des graphiques à barres empilés; La solution est probablement plus compliquée, car aucune des solutions ci-dessous ne fonctionnera (sauf cacher la ligne avec la largeur 0)


@Ryan utilisant LigneWidth Messe UP DataPoint valeurs


3 Réponses :


6
votes

Une solution: définissez la touche de la ligne de la barre sur 0. Cela élimine la bordure autour des barres.

Cela vient au coût de la visibilité agréable pour les petites valeurs Flot. Avec des frontières, même lorsque votre carte a de grandes valeurs, 1 et 2 par exemple sont distinctes. Sans frontières, les petits nombres peuvent être difficiles à voir, mais cet effet peut être décalé en collant des valeurs de remplissage plus sombres pour vos barres.


0 commentaires

7
votes

Dans ma demande, j'ai résolu ce problème en définissant yaxis min à une valeur supérieure à 0 et moins que la résolution que je travaillais. Borders visible, ligne plate cachée.

var options = {
series: {
    stack: 0,
    lines: { show: false, fill: true, steps: false },       
            bars: { show: true, barWidth: 0.6 } 
        },
    xaxis: {
        mode: "time",
        timeformat: "%H:%M"
    },
    yaxis: { 
        min: 0.5 
    },
    selection: { mode: "x" },
    grid: { hoverable: true }
};


0 commentaires

8
votes

Vous pouvez définir la valeur sur NULL lors de sa zéro et cela l'empêchera de vous montrer et de vous permettre de garder les frontières autour d'autres barres.


5 commentaires

Correction: Cela semble seulement fonctionner si les données de la série sont principalement non nulles. J'avais une affaire où la fois ma série avait 0 valeurs et que l'utilisation de NULL au lieu de 0 semblait causer beaucoup de problèmes avec FLOT. Par exemple, plothover / clic signalerait des valeurs étranges Dataindex pour la deuxième série (celle empilée ci-dessus). Changer les valeurs de NULL Back to 0 résout les problèmes. Modification de la touche de ligne semble être le seul moyen de résoudre mes cas spécifiques.


@Justin Même si c'est assez ancien, mais cela m'a aidé comme un charme. J'étais coincé dans la cachette 0 des points précieux sur la carte de ligne. J'ai gratté mes cheveux mais cette solution m'a aidé à un coup. Merci mec. Tu as fait ma journée. Merci pour un tel post utile et je l'apprécie vraiment.


Si j'aurais posé cette question, j'aurais certainement accepté cette réponse comme correcte.


@Justin quelle valeur parlez-vous?


@pedroremedios - la valeur que vous traquez