Langage C#
  1. Langage C#
  3. Faire pivoter les étiquettes Flot Tick
Intereting Posts
Surcharge d’un tableau .NET? Sous-classe d’un WndProc ParentForm à partir d’un contrôle Processus de mise à jour de XLIFF, de versioning ou de traduction (étape Diff Leverage) Regroupement de connexions avec la bibliothèque NEST ElasticSearch Visual Studio 2010: Impossible de résoudre mscorlib pour le framework cible ‘.NETFramework, Version = v4.0’ Joindre plusieurs tables et grouper par ID dans LINQ Comment parsingr la sortie en ligne de commande de c #? Est-ce qu’un conteneur IoC remplace l’utilisation de Factories comment cliquer sur ‘nouveau ‘ généré après avoir cliqué sur un bouton en selenium C # Quand parallèlement augmenter les performances C #: Comment append un atsortingbut à un object au moment de l’exécution? La manipulation d’objects avec DbSet et IQueryable avec NSubstitute renvoie une erreur En utilisant C #, comment puis-je redimensionner une image jpeg? ASP.NET / C #: DropDownList SelectedIndexChanged dans le contrôle serveur ne se déclenche pas Canal de notification push Windows Phone 8 crée toujours un nouveau canal URI

Faire pivoter les étiquettes Flot Tick

J’essaie de faire pivoter les dates au bas de mon graphique pour qu’elles apparaissent verticales par rapport à horizontales. J’utilise flot-tickrotor mais cela ne semble pas fonctionner correctement. 

xaxis: { rotateTicks: 110, mode: "time", timeformat: "%m/%d", minTickSize: [7, "day"], ticks: cpudatearray }

Le résultat final n’est pas correct, tout semble brouillé. entrez la description de l'image ici

Vous aurez peut-être plus de chance en gérant cela avec CSS au lieu d’utiliser le plug-in: 

 #flotPlaceholder div.xAxis div.tickLabel { transform: rotate(-90deg); -ms-transform:rotate(-90deg); /* IE 9 */ -moz-transform:rotate(-90deg); /* Firefox */ -webkit-transform:rotate(-90deg); /* Safari and Chrome */ -o-transform:rotate(-90deg); /* Opera */ /*rotation-point:50% 50%;*/ /* CSS3 */ /*rotation:270deg;*/ /* CSS3 */ }

Évidemment, changez l’angle en fonction de ce que vous essayez d’atteindre. Si vous souhaitez utiliser ceci pour l’axe des Y, changez simplement le sélecteur div.xAxis .

Résultat après avoir testé dans mon propre graphe: entrez la description de l'image ici

La réponse de @ Brendan donne à penser que cela pourrait fonctionner assez bien, mais avant de mettre cela en œuvre, je voudrais déterminer si c’est quelque chose que vous voulez vraiment faire du sharepoint vue de la convivialité.

Si la longueur maximale de texte que vous affichez est de 5 caractères (de votre question, une chaîne “MM JJ”), vos graphiques seront probablement plus faciles à lire si vous n’indiquez que tous les trois “ticks” pour vos données).

J’ai effectué un exercice similaire avec mes graphiques dans une application de type tableau de bord. Les utilisateurs étaient catégoriques sur le fait qu’ils avaient besoin d’une étiquette X pour chaque résultat, mais comme le graphique comportait 96 graduations, cela créait beaucoup de texte lorsque je les faisais pivoter de 90 degrés comme vous le vouliez. Lorsque je leur ai montré une maquette avec une étiquette X horizontale pour chaque 6e point, ils ont préféré cette option et c’est ce que nous avons choisi pour la solution livrée. (Votre kilométrage peut varier..)