Wie wird die Meldung "Nicht genügend Spalten zum Zeichnen des angeforderten Diagramms" angepasst?

Question

Gibt es eine Möglichkeit, Google-Diagramme anzupassen, um zu verhindern, dass diese "rote" Nachricht angezeigt wird? ZB stillschweigend nichts zeichnen?

Answer 1

Es gibt eine Reihe von Ereignissen, Methoden und Tools Google Diagramme/Visualisierung bietet für die Anpassung der Fehlerbehandlung, Fehlermeldungen und so weiter.

Siehe zum Beispiel https://developers.google.com/chart/interactive/docs/reference#errordisplay oder https://developers.google.com/chart/interactive/docs/examples#querywrapper

Nach dem, was Sie fordern, wäre der einfachste Weg, um einen Fehlerbehandler einfach zu befestigen und in diesem Handler, entfernen Sie den Fehler durch google.visualization.errors.

So:

function errorHandler(errorMessage) { 
    //curisosity, check out the error in the console 
    console.log(errorMessage); 

    //simply remove the error, the user never see it 
    google.visualization.errors.removeError(errorMessage.id); 
} 

function drawChart(json) { 
    var data = new google.visualization.DataTable(json); //here, JSON is buggy 
    var options = { 
     title: 'test' 
    }; 
    var chart = new google.visualization.LineChart(document.getElementById('chart_div')); 

    //attach the error handler here, before draw() 
    google.visualization.events.addListener(chart, 'error', errorHandler);  

    chart.draw(data, options); 
} 

Viola! Versuchen Sie, die errorHandler und google.visualization.events.addListener(chart, 'error', errorHandler); zu Ihrem vorhandenen Code hinzuzufügen, und sehen Sie den Unterschied (das ist alles, was Sie brauchen).

Answer 2

können Sie möglicherweise keine Variablen deklarieren. ZB var Daten Ich habe auch den gleichen Fehler, schließlich fand ich, dass ich verpasste zu erklären data = google.visualization.arrayToDataTable (sourcedata); und ich änderte das als

var data = google.visualization.arrayToDataTable(sourcedata);