Les dashboards New Relic vous permettent d'analyser les données télémétriques sur tout votre stack, quelle que soit leur source. Ils apportent aux équipes IT une méthode de visualisation des données adaptable grâce à des modèles pré-établis, des visualisations natives de la plateforme, des requêtes personnalisées, et plus encore, en un seul et même endroit.

Vous pouvez désormais améliorer vos dashboards avec encore plus d'options de personnalisation, y compris la possibilité de :

  • Personnaliser les couleurs des graphiques pour mettre en relief les informations clés, identifier les erreurs plus rapidement, ou assortir vos graphiques à votre palette de couleur préférée
  • Supprimer ou transformer les valeurs nulles
  • Augmenter le niveau de détail des graphiques et leur clarté grâce à la personnalisation des unités
  • Analyser différentes périodes sur le même dashboard
  • Utiliser Markdown pour ajouter du contenu personnalisé dans vos dashboards

Ce blog vous offre des exemples et des conseils pour vous aider à vraiment tirer parti de vos dashboards personnalisés avec les toutes dernières options. Vous pourrez aussi essayer pour vous-même l'exemple de fichier JSON de dashboard que nous vous proposons. 

Bien démarrer

Prérequis

Suivez les étapes ci-dessous pour commencer : 

  • Connectez-vous à votre compte New Relic. Si vous n'en avez pas encore un, inscrivez-vous pour obtenir un compte gratuit.
  • Connectez une application ou un service dans New Relic. Ainsi, le dashboard sera renseigné par des données de transactions. Si vous ne l'avez pas encore fait, ouvrez Add data (Ajouter des données) dans New Relic et sélectionnez Guided install (Installation guidée), ou choisissez une source de données pour le monitoring de l'application et suivez les instructions d'installation.

Modèle de dashboard

Une fois que vous êtes connecté à votre compte New Relic et que votre application ou service est correctement associé, vous pouvez obtenir une copie du modèle de dashboard. Pour ce faire, ouvrez tout simplement Dashboards dans New Relic, puis sélectionnez Import dashboard (Importer un dashboard). 

Collez ensuite le code JSON à partir de ce contenu Gist GitHub

Obtenez l'échantillon de code à partir de ce lien. Vous pouvez cliquer sur le bouton Raw pour voir une vue simplifiée qui facilite la copie.

Puis, sélectionnez Import dashboard. Vous devriez voir quelque chose de similaire à ceci. 

Une fois l'exemple de dashboard importé, vous pouvez tester les nouvelles personnalisations.

Personnalisation des couleurs

L'ajout de couleurs à la visualisation de vos données n'améliore pas seulement le côté esthétique. Les couleurs peuvent également traduire la signification et attirer votre attention sur les informations essentielles. Vous pouvez désormais changer la couleur de vos séries chronologiques par série dans vos graphiques de région, à barres, en bâtons superposés, linéaires, ou circulaires. 

Par exemple, vous voudrez peut-être sélectionner un jeu de couleurs rouge et jaune classique pour les avertissements d'erreur sévère et modérée. Les graphiques par code de pays pourraient également utiliser des couleurs facilement identifiables pour aider à analyser les informations sans avoir besoin de se référer à la légende. Ou vous pouvez simplement choisir les couleurs de votre marque pour obtenir un look soigné.

Pour personnaliser les couleurs de séries : 

  1. Exécutez votre requête.
  2. Ouvrez le menu Colors dans les paramètres des graphiques.
  3. Sélectionnez l'icône +.
  4. Sélectionnez la série pour laquelle vous souhaitez changer les couleurs.
  5. Sélectionnez la couleur voulue. Vous pouvez sélectionner des couleurs graphiquement ou saisir un code RGB, HEX ou HSL.

Sélectionnez des couleurs pour chaque série avec un curseur ou des codes de couleur.

Paramètres de valeur nulle

Il arrive parfois que les graphiques de séries chronologiques semblent fracturés lorsqu'il y a un zéro dans l'attribut d'événement que vous interrogez. Mais une valeur nulle peut ne pas représenter la situation correctement. Vous avez donc différentes options d'affichage des valeurs nulles pour faciliter la lecture de vos graphiques.

Les nouvelles options pour les valeurs nulles incluent :

  • Leave as null (default) (Laisser nulle (par défaut) : les valeurs nulles sont vides dans le graphique, ce qui peut entraîner des lignes déconnectées. Utilisez cette option s'il est important de trouver les écarts dans le rapport, ou lorsqu'il n'est pas logique d'avoir une ligne continue.
  • Remove the value (Supprimer la valeur) : les points vides ne seront pas inclus dans le graphique. Par exemple, un graphique qui affiche un point de données par heure comptera moins de 24 points.
  • Preserve the last value (Préserver la dernière valeur) : les valeurs nulles conservent la valeur de la période précédente. Par exemple, si un graphique signale des ventes cumulatives par heure, mais ne montre pas les données d'une certaine heure, cette heure-là affichera le même nombre de ventes que l'heure précédente.
  • Transform the value to zero (Transformer la valeur à zéro) : les données manquantes sont affichées comme étant un zéro. Cette option peut s'avérer utile lorsque le manque de données indique qu'il n'y a pas de transaction, de comptage ou d'usage significatif.

Pour personnaliser comment vos valeurs nulles s'affichent :

  1. Sélectionnez Edit chart ou exécutez une requête.
  2. Ouvrez le menu Null values dans l'interface de personnalisation.
  3. Sélectionnez l'option de valeurs nulles que vous souhaitez appliquer.
  4. Si vous souhaitez utiliser différentes options en fonction de la série, sélectionnez le bouton à côté des valeurs nulles par série pour les configurer.

 Vous avez quatre options d'affichage des valeurs nulles.

Personnalisation des unités

Pour que vos graphiques soient plus clairs, vous pouvez désormais personnaliser l'unité sur l'axe Y de chacune de vos séries. Cette fonctionnalité est disponible avec les graphiques linéaires, de régions et en bâtons superposés. 

Pour personnaliser l'unité sur l'axe Y :

  1. Exécutez une requête.
  2. Ouvrez le menu Units dans l'interface de personnalisation.
  3. Sélectionnez l'unité que vous souhaitez utiliser. Elle sera affichée sur l'axe Y.
  4. Utilisez éventuellement l'icône + pour ajouter une personnalisation par série. Sélectionnez les séries qui ont besoin d'une autre unité. Elles s'afficheront lorsque vous passerez la souris sur les valeurs.

Outre la sélection des unités de l'axe Y, vous pouvez également sélectionner les unités par série.

Ignorez le sélecteur d’intervalle de temps pour les valeurs persistantes

Le sélecteur d’intervalle de temps définit la période de votre analyse. L'ajustement de la plage de temps dans la partie supérieure du dashboard définit la même période pour tous vos graphiques. C'est pratique pendant le dépannage des incidents lorsque vous devez limiter les données pour observer ce qui s'est produit au cours d'une certaine période. En outre, les dashboards permettent de facilement corréler les informations sur vos différents graphiques en ajustant le sélecteur d’intervalle de temps par cliquer-glisser pour le dashboard. 

Il y a toutefois des cas où vous ne voudrez peut-être pas avoir un graphique dynamique. Par exemple, vous voulez peut-être avoir des valeurs persistantes pour montrer un compte cumulatif pour une période particulière. Ou peut-être que vous voulez toujours montrer les valeurs des dernières 24 heures, quelle que soit la plage de temps affichée par le reste du dashboard.

Pour créer un graphique et ignorer le sélecteur d’intervalle de temps :

  1. Sélectionnez Edit chart ou exécutez une requête.
  2. Ouvrez le menu Dashboard Options dans l'interface de personnalisation.
  3. Activez l'option Ignore time picker (Ignorer le sélecteur d’intervalle de temps).

Vous pouvez sélectionner Ignore time picker à partir des options du dashboard.

Widget Markdown

Utilisez l'éditeur Markdown pour ajouter du contexte et donner du style à votre dashboard. Avec cette fonctionnalité, vous pouvez ajouter du texte formaté, des listes de vérification, des images, des snippets de code, et plus encore. Vos dashboards partagés seront ainsi plus faciles à expliquer : joignez-y des hyperliens, créez des listes de tâches et composez tout autre contenu Markdown dont vous avez besoin !

Pour ajouter un Widget Markdown :

  1. Sélectionnez le symbole + dans le coin supérieur droit de votre dashboard.
  2. Sélectionnez Add text, images, or links (Ajouter du texte, des images, ou des liens).
  3. Saisissez vos entrées dans le panneau Markdown sur la gauche. 
  4. Voyez votre contenu dans le panneau d'aperçu (Preview).
  5. Sélectionnez  Save pour l'enregistrer dans votre dashboard.
  6. Le cas échéant, quittez le contenu existant en sélectionnant l'icône des trois points (...) sur un widget Markdown, puis Edit (Modifier).

Pour plus d'informations sur les options de syntaxe Markdown, consultez le Guide GitHub Markdown

Regardez la vidéo ci-dessous pour en savoir plus sur le widget.