traduire une info-bulle d3 avec i18next

Question

Y a-t-il un moyen d'appliquer l'attribut data-i18n aux infobulles d3? ou, pour le dire autrement: il ici un moyen de le faire fonctionner?

i ont une info-bulle:

var tip = d3.tip() 
    .attr("class", "tip") 
    .offset([-10,50]) 
    .html(function(d) { 
    return "<span>" + d.amountCorrect + "/" 
     + d.amountTaken 
     + " (" 
     + Math.floor((d.amountCorrect/d.amountTaken) * 100) 
     + "%)</span>" 
     + "<span data-i18n='markup.correct'></span>" 

    }); 

qui est censé montrer le pourcentage de réponses correctes données. la dernière plage est censée montrer "résolu correctement" dans différentes langues.

Mais cela ne fonctionne pas. il ne s'affiche tout simplement pas.

Si je change de langue, je vois la traduction insérée dans l'inspecteur de chrome. mais dès que je passe la souris sur la barre, elle est écrasée (avec la plage "vide") et est à nouveau vide.

comment puis-je résoudre ce problème?

merci :)

Answer 1

Quels sont le contenu exact de l'info-bulle lorsque vous passez la souris?

Il y a probablement quelque chose qui ne va pas avec le contenu html que vous insérez dans l'info-bulle. Est-ce que cela fonctionne quand vous retirez l'i18n?