NVD3 - Zeige leeres Diagramm anstelle von noData message

Question

Gibt es eine Möglichkeit, ein leeres Diagramm anstelle der Meldung "Keine Daten verfügbar" anzuzeigen, wenn keine Daten angezeigt werden?

http://jsfiddle.net/sammla/pYWkD/2/

data2 = [ 
    { 
     "key" : "A key" , 
     "values" : [] 
    } 

]; 

Dank!

Answer 1

können Sie „Hack“ dies durch ein leeres Array aufweist, die ein leeres Array enthält:

data2 = [ 
    { 
    "key" : "A key" , 
    "values" : [[]] 
    } 
]; 

Answer 2

Die Antwort von Lars vorgesehen funktioniert gut, wenn Sie nicht wollen, die noData Nachricht auf einem Diagramm angezeigt werden, wenn sein leer.

Kürzlich hatte ich Diagramme mit Inhalten, die dynamisch geladen werden. Ich fand eine ähnliche Frage zu diesem Updating with no data does not clear old data from the chart.

Wenn ein Diagramm mit Daten gefüllt wird und dann Update aufgerufen wird, nachdem die Daten geleert wurde, die neinAngaben Text die bestehenden Daten überlagern.

Überlegen Sie, ob die aktuellen Daten aus dem Diagramm gelöscht werden sollen, da es verwirrend sein kann, beide gleichzeitig zu sehen.

Ich war nicht in der Lage eine saubere Lösung zu finden, dass, was so hier ich es zu überwinden tat:

Antwort Gebraucht Lars das Diagramm zu leeren:

data2 = [{ 
    "key" : "A key", 
    "values" : [[]] 
}]; 

Und fügte dann die Code unten.

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"); 

Auch bin ich nach einer geeigneten Lösung für sie, die neinAngaben Text zu zeigen, ohne sie die vorhandenen Daten überlagern. Aber für den Moment funktioniert das perfekt.

Hoffe, es hilft jemandem, versucht, das gleiche zu erreichen.

Answer 3

Sie können noData anrufen und eine Zeichenfolge während der Diagrammerstellung übergeben:

(Coffee)

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'