charts - 如何删除谷歌图表中的默认错误消息

标签 charts google-visualization

如何删除显示在Google图表中的默认错误,如下所示:

enter image description here

最佳答案

要删除Google错误,请在图表或其他对象上监听'error'事件。
触发事件后,请使用google.visualization.errors.removeError
在这里,我故意造成错误,将其从google chart中删除,并以我自己的div显示

google.load('visualization', '1', {packages:['corechart'], callback: drawChart});

function drawChart() {
  var data = google.visualization.arrayToDataTable([
    ["Element", "Density", { role: "style" } ]
  ]);

  var view = new google.visualization.DataView(data);
  view.setColumns([0, 1,
                   { calc: "stringify",
                     sourceColumn: 1,
                     type: "string",
                     role: "annotation" },
                   2]);

  var chart = new google.visualization.ColumnChart(document.getElementById("chart_div"));

  google.visualization.events.addListener(chart, 'error', function (googleError) {
      google.visualization.errors.removeError(googleError.id);
      document.getElementById("error_msg").innerHTML = "Message removed = '" + googleError.message + "'";
  });

  chart.draw(view, {height: 20});
}
<script src="https://www.google.com/jsapi"></script>
<div id="chart_div"></div>
<div id="error_msg"></div>

关于charts - 如何删除谷歌图表中的默认错误消息,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34898925/

相关文章:

javascript - 我无法在 Google 图表工具提示中显示 HTML

javascript - 在Google图表中如何动态显示数据点?

google-apps-script - Google Apps 脚本图表 vAxis.title 不工作

javascript - 在 Google 条形图中自定义 hAxis 刻度颜色

c#-4.0 - 图表区域轴 - 图表区域包含不兼容的图表类型

javascript - Google Charts API 折线图 - 悬停时如何显示多个值?

ios - 如何解决图表中多条线的问题

javascript - 绘图工具 - Angular2

charts - 将仪表板中的 google 图表导出为 png

javascript - 使用javascript将 'long'数据转换为 'wide'数组