「要求されたグラフを描画するのに十分な列がありません」というメッセージをカスタマイズする方法はありますか？

Question

「赤い」メッセージが表示されないようにGoogleのチャートをカスタマイズする方法はありますか？たとえば、代わりに何も描画しないでください。

Answer 1

エラー処理やエラーメッセージのカスタマイズなど、さまざまなイベント、メソッド、ツールのGoogleグラフ/視覚化機能が用意されています。

たとえば、あなたが求めているものによるとhttps://developers.google.com/chart/interactive/docs/reference#errordisplayまたはhttps://developers.google.com/chart/interactive/docs/examples#querywrapper

を参照して、最も簡単な方法は、単純にErrorHandlerを添付し、そのハンドラでは、google.visualization.errorsを通じてエラーを取り除くことであろう。このよう

：

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

ビオラ！既存のコードにerrorHandlerとgoogle.visualization.events.addListener(chart, 'error', errorHandler);を追加して、その差異を確認してください（これだけです）。

Answer 2

あなたは変数を宣言することができません。 例：var data また、同じエラーが発生しました。最終的に私は宣言していないことが分かりました。 data = google.visualization.arrayToDataTable（sourcedata）;と私はそれを変更しました

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