2017-07-26 4 views
0

J'utilise les graphiques à courbes pour afficher les graphiques à barres et à barres. Un collègue s'est plaint que les barres seraient floues. J'ai remarqué la même chose sur la page d'exemple des graphiques FlotLes barres de graphiques flottants ont des bords flous

Si vous screenshot graphiques à barres et investiagate sous F.E. Zoom à 400%, vous remarquez le flou. Je comprendrais qu'un graphique linéaire devrait utiliser l'antialiasing (au moins quand il n'est pas en mode pas à pas !!!) mais pourquoi une barre rectangulaire devrait être dessinée avec des bords flous. Est-il un moyen d'empêcher cela?

J'ai essayé les options lineWidth et shadowSize sans aucun effet sur cela.

Je ne reconnais pas ce comportement (f.e.) dans les diagrammes à barres MS Excel.

Répondre

0

Ce problème n'est pas spécifique au flot. Tout ce qui est dessiné sur un HTML devient flou en zoomant. Voir f.e. le Canvas tutorial on MDN.

+0

Peut-être que l'origine de ce problème est la toile elle-même. J'ai trouvé quelques recommandations comme "ne pas définir la hauteur/largeur de la toile en CSS mais seulement par attribut" et "traduire la toile par 0.5 dans les deux directions". La hauteur et la largeur semblent être définies par l'attribut in flot. Si la traduction résout le problème, je demanderais pourquoi Flot ne le fait pas en premier lieu. Est-ce que personne ne s'inquiète que tous les rectangles sont flous? En passant, en zoomant je voulais dire ne pas zoomer sur la toile mais zoomer une capture d'écran dans un éditeur graphique. C'était juste destiné à voir clairement le flou originel. – NicolasR