javascript - 如何自定义“没有足够的列来绘制请求的图表”消息？

Question

有什么方法可以自定义 Google 图表以防止它们显示此“红色”消息？例如，默默地什么都不画？

Answer 1

谷歌图表/可视化提供了一堆事件、方法和工具，用于自定义错误处理、错误消息等。

例如，请参阅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);
}

中提琴！尝试将errorHandlerand添加google.visualization.events.addListener(chart, 'error', errorHandler);到您现有的代码中，看看有什么不同（这就是您所需要的）。

Answer 2

您可能会错过声明任何变量。例如 var data 我也遇到了同样的错误，最后我发现我错过了声明 data = google.visualization.arrayToDataTable(sourcedata); 我把它改成了

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