Come personalizzare il messaggio "non abbastanza colonne dati per disegnare il grafico richiesto"?

Question

C'è un modo per personalizzare i grafici di Google per impedire loro di visualizzare questo messaggio "rosso"? Ad esempio, disegnando silenziosamente nulla invece?

Answer 1

C'è un sacco di eventi, metodi e strumenti google charts/offerte di visualizzazione per personalizzare la gestione degli errori, i messaggi di errore e così via.

Per esempio, vedere https://developers.google.com/chart/interactive/docs/reference#errordisplay o https://developers.google.com/chart/interactive/docs/examples#querywrapper

Secondo ciò che si sta chiedendo, il modo più semplice sarebbe quella di collegare semplicemente un ErrorHandler e in tale gestore, rimuovere l'errore attraverso google.visualization.errors.

Ti piace questa:

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! Prova ad aggiungere errorHandler e google.visualization.events.addListener(chart, 'error', errorHandler); al tuo codice esistente, e vedere la differenza (questo è tutto ciò che serve).

Answer 2

potresti non essere in grado di dichiarare alcuna variabile. E.g var data ho anche ricevuto lo stesso errore, alla fine ho scoperto che mi mancava dichiarare data = google.visualization.arrayToDataTable (sourcedata); e l'ho cambiato come

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