Google visualization 自定义复选框类别选择器

我想按不同类别筛选我的数据数组。它正在工作，但它应该选择多个类别的行。如果选中多个复选框。如何实现此代码

这是我的密码：

check_cells = function() {
  var values = [];
  if (document.getElementById("checkbox_pouch").checked == true) {
    values.push('pouch');
  }
  if (document.getElementById("checkbox_18650").checked == true) {
    values.push('18650');
  }
  if (document.getElementById("checkbox_21700").checked == true) {
    values.push('21700');
  }
  if (document.getElementById("checkbox_pouch").checked == false && document.getElementById("checkbox_18650").checked == false && document.getElementById("checkbox_21700").checked == false) {
    values.push('empty');
  }
  if (values.length > 0) {
    view.setRows(data.getFilteredRows([{
      column:2,
      test: function (value) {
        return (values.indexOf(value) > -1);
      }
      }]));
    }
  dashboard.draw(view, drawOptions);
  }
  else {
  view.setRows(data.getFilteredRows([{column:2}]));
  dashboard.draw(view);
  }
  }

var view = new google.visualization.DataView(data);

      var drawOptions = {
        showRowNumber: false,
        allowHtml: true,    
      };


      // Inititial Draw of the dashboard.
      dashboard.draw(view, drawOptions);

---

对多个值进行筛选时，
您需要将这些设置合并到一个过滤器设置中。
数据视图不允许在同一列上有多个筛选器

在这种情况下，您可以使用

test

回调函数，而不是

value

键

这里，一个数组用于收集值，
和

test

回调以筛选列

check_pouch = function() {
  var values = [];
  if (document.getElementById("checkbox_pouch").checked == true) {
    values.push('pouch');
  }
  if (document.getElementById("checkbox_18650").checked == true) {
    values.push('18650');
  }
  if (values.length > 0) {
    view.setRows(data.getFilteredRows([{
      column:2,
      test: function (value) {
        return (values.indexOf(value) > -1);
      }
    }]));
  }
  dashboard.draw(view);
}

---

我将复选框设置为默认选中，并显示所有数据。如果没有选中任何复选框，如何显示空图表？选中…默认情况下，我选中了一个复选框，加载页面时，它应该只显示这些值。但在我取消选中并再次选中该框之前，它会同时显示这两个选项。我用一个事件监听器（DOMContentLoaded，check_pocket）尝试了它，但控制台显示：uncaughtreferenceerror:check_pocket没有定义。有什么提示吗？是否在第一次绘制时过滤数据表？请用代码更新这个问题好吗？