Question

google.visualization.events指定根据https://developers.google.com/chart/interactive/docs/gallery/table?hl=ja#Events

存在页面事件

我正在尝试使用它并且无法做到这一点。这是我正在尝试的

this.tableViz_ = new google.visualization.ChartWrapper({
    'chartType': 'Table',
    'containerId': 'xyz',
    'options': {
      'allowHtml': true,
      'cssClassNames': {
        headerRow: 'header-row'
      },
      'page': 'enable',
      'pageSize': '100',
      'sortAscending': false,
      'sortColumn': 0
    }
  });

this.vizDashboard_ = new google.visualization.Dashboard(
      document.getElementById('xyz'));

我在

之后添加了听众

  this.vizDashboard_.draw(data);
  google.visualization.events.addListener(this.tableViz_, 'select',
      goog.bind(this.test1, this));
  google.visualization.events.addListener(this.tableViz_, 'ready',
      goog.bind(this.test2, this));
  google.visualization.events.addListener(this.tableViz_, 'page',
      goog.bind(this.test3, this));

select和ready都工作正常，但当我导航到桌面上的不同页面时，它不会触发事件。我在这里错过了什么？仅供参考，我们使用的google.visualization API是1.1

Answer 1

ChartWrapper不会在它包装的表可视化上侦听“页面”事件，因此您必须直接在表上设置处理程序：

google.visualization.events.addListener(this.tableViz_, 'ready', function () {
    google.visualization.events.addListener(this.tableViz_.getChart(), 'page', goog.bind(this.test3, this));
});

页面事件未在google.visualization中触发

1 个答案: