Chartjs Info-Bulle Des Sauts De Ligne

Est-il possible d'obtenir les sauts de ligne dans chartjs info-bulles?

tooltipTemplate: "<%if (label){%><%=label%>: <%}%><%= value %>"

Je veux remplacer ": "avec une nouvelle ligne.

J'ai essayé avec &#013;, \u000D, \n et <br /> en vain.

Mise à jour: j'ai changé mes accepté de répondre maintenant que chart.js est sur la version 2.

OriginalL'auteur jcuenod | 2015-03-27

  1. 45

    Si vous utilisez la version 2.0.0-beta2, vous pouvez utiliser l'info-bulle de rappel et retour tableau de chaînes de caractères.

    tooltips: {
    mode: 'single',
    callbacks: {
        afterBody: function(data) {
            var multistringText = ['first string'];
            //do some stuff
            multistringText.push('another string');

            return multistringText;
        }
    }
}
    C'est en travaillant comme des 11/1/2016 et doit être accepté de répondre pour les retours à la ligne (dans les info-bulles à l'aide de chartjs 2. (ou angulaire graphiques).
    Exactement ce dont j'avais besoin thx!

    OriginalL'auteur Alexey Pavlov

  2. 6

    À ce point dans le temps, il n'est pas possible d'ajouter des sauts de ligne pour une info-bulle ou des étiquettes de l'axe. Droit maintenant, les développeurs sont en discussion options de mise en œuvre; la discussion peut être trouvé Permettre d'emballage dans les étiquettes de l'axe (question sur github).

    Pour tout les googlers, il vaut la peine de vérifier que github lien; il y a quelques suggestions sur elle (peut-être une solution pour vous).
    Je crois que cela a été mis en œuvre dans la v2 github.com/chartjs/Chart.js/pull/2704
    Sa mise en œuvre, au lieu d'ajouter <br> \n\r vous devez mettre chaque ligne dans un tableau retourné le formulaire.

    OriginalL'auteur Jarvl

  3. 2

    Actuall toutes les info-bulle rappels en charge plusieurs lignes de texte, et vous pouvez les utiliser label de rappel, comme d'habitude. Il affiche les données de l'étiquette comme info-bulle de texte par défaut.

    Cité de la documentation:

    Toutes les fonctions doivent retourner une chaîne de caractères ou un tableau de chaînes de caractères. Des tableaux de chaînes de caractères sont traités comme plusieurs lignes de texte.

    Exemple de code:


    tooltips: {
    callbacks: {
    label: (tooltipItem, data) => {
    if (tooltipItem.index % 2)
    return ['Item 1', 'Item 2', 'Item 3'];
    else
    return 'Single line';
    }
    }
    }

    OriginalL'auteur Tien Do