7
votes

NVD3 - montrant la carte vide au lieu de Nodata Message

Y a-t-il un moyen de montrer un diagramme vide au lieu des messages "Pas de données disponibles" lorsqu'il n'y a pas de données à afficher?

http://jsfiddle.net/sammla/pywkd/2/ xxx

merci!

d3.js nvd3.js

0 commentaires

3 Réponses :

8
votes

Vous pouvez "pirater" ceci en ayant un tableau vide contenant un tableau vide: xxx

5 commentaires

Pouvons-nous avoir un message personnalisé au lieu d'aucun graphique ou de message "Aucune donnée disponible"?

Vous auriez besoin de modifier la source pour cela, je pense.

Dois-je modifier la dispersion.js? Mais je n'ai trouvé aucun message de données disponible là-bas

Ceci est probablement dans un fichier différent. Vous voudrez peut-être poser une nouvelle question à ce sujet.

S'il vous plaît voir ma question ici - Stackoverflow.com/Questtions/23582292/...

5
votes

La réponse fournie par Lars fonctionne bien lorsque vous ne souhaitez pas montrer le message nodata code> sur un graphique lorsque c'est vide.

Récemment, j'ai eu des cartes avec du contenu chargé de manière dynamique. J'ai trouvé une question similaire à ce Mise à jour sans données n'effectue pas d'anciennes données de la carte. code> p>

Si un graphique est rempli avec des données et la mise à jour est appelée après la vidé des données, le texte nodata em> superposera les données existantes. P> considérer si les données actuelles doivent être effacées à partir du graphique en tant que peut être déroutant de voir les deux en même temps. P> blockQuote> Je n'ai pas pu trouver une solution propre à cela, voici ce que j'ai fait pour la surmonter: p> Recherche de lars d'occasion pour vider le graphique: P> d3.select('#chart svg').append("text") .attr("x", "235") .attr("y", "35") .attr("dy", "-.7em") .attr("class", "nvd3 nv-noData") .style("text-anchor", "middle") .text("My Custom No Data Message");

0 commentaires

5
votes

Vous pouvez appeler nodata code> et transmettre une chaîne pendant la création de graphique:

(Coffeescript) P>

self.chart = nv.models.lineChart()
               .margin  left: 100, right: 100
               .useInteractiveGuideline true
               .transitionDuration 150
               .showLegend true
               .showYAxis true
               .showXAxis true
               .noData 'no data, there is'

0 commentaires