Google チャートをカスタマイズして、この「赤い」メッセージが表示されないようにする方法はありますか? たとえば、代わりに黙って何も描いていませんか?
2 に答える
エラー処理、エラー メッセージなどをカスタマイズするために、Google チャート / ビジュアライゼーションが提供するイベント、メソッド、およびツールが多数あります。
たとえば、 https://developers.google.com/chart/interactive/docs/reference#errordisplayまたはhttps://developers.google.com/chart/interactive/docs/examples#querywrapperを参照してください。
あなたが求めているものによると、最も簡単な方法は、単純にエラーハンドラーをアタッチし、そのハンドラーで を介してエラーを削除すること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
andgoogle.visualization.events.addListener(chart, 'error', errorHandler);
を既存のコードに追加してみて、違いを確認してください (必要なのはこれだけです)。
変数の宣言を見逃す可能性があります。たとえば、var data にも同じエラーが発生しました。最終的に、 data = google.visualization.arrayToDataTable(sourcedata); の宣言に失敗したことがわかりました。そして私はそれを次のように変更しました
var data = google.visualization.arrayToDataTable(sourcedata);