3

我使用 Google HTML 服务创建了一个 google 可视化仪表板。底层数据表 (jjdt) 是从多个数据表（如 jadt2、fa）连接而成的。

jjdt = google.visualization.data.join(jadt2,fa,'left',[[0,0]],[1,2,3,4,5,6,7,8,9,10,11],[2,3]);

然后我创建了一个图表包装器（finalTable）来在仪表板中显示表格。

    finalTable = new google.visualization.ChartWrapper({
    'chartType': 'Table',
    'containerId': 'table-div',
    'options': {
      'showRowNumber': false, 
      'width': '100%', 
      'height': '100%', 
      'allowHtml': true, 
      'pageSize': 20
    }
  });

dashboard.bind(wwPicker, [finalTable]);
dashboard.draw(jjdt);

这些代码工作正常。

现在我想要做的是允许单击按钮将基础表（jjdt）中的某些单元格设置为新值并将其反映在仪表板上。但这并不像我想象的那么简单。

我尝试了两件事：

1) 使用javascript更新对应单元格(x,y)的jjdt表并调用finalTable.draw()；

    jjdt.setCell(x,y,'New Value');
    finalTable.draw();

但这没有效果，也没有错误消息。

2）我认为图表包装器可能创建了数据表的副本。所以我尝试取回该数据表：

 var mydt = finalTable.getDataTable();
 mydt.setCell(x,y,'New Value');
 finalTable.draw();

我认为这是文档https://developers.google.com/chart/interactive/docs/reference#methods_4中描述的正确方法

文件

但是，我收到一条错误消息，说 setCell 不是 mydt 的函数，即使我可以调用 mydt.getValue()。好像我的数据表“不知何故”是只读的？但它是 DataTable 而不是 DataView .. 为什么会这样？

在此处输入图像描述

4

2 回答 2

0

我尝试了 PaulH 的建议，但它仍然不起作用。

但经过进一步挖掘，我终于找到了解决方案。问题是我调用 SetCell 的方式不会更新单元格的“格式化值”。这就是为什么我什至认为我更新了表格单元格“值”，它的格式和以前一样。

正确的做法是：

jjdt.setCell(x,y,'New Value','New Display Value');

这样只有“新显示值”会显示在表格图表中。但图表将根据“新值”进行排序。

此外，要更新视图，似乎要么调用

dashboard.draw(jjdt)

或者

finalTable.draw()

会有同样的效果。所以我只用 finalTable.draw() 更新表格。

希望这对其他人有帮助。

于 2016-08-15T18:07:38.203 回答
0

仪表板需要了解修改后的数据表，所以我在您的解决方案中添加了一行 1)

jjdt.setCell(x,y,'New Value');
dashboard.draw(jjdt); // added line
finalTable.draw();

解决方案 2）不起作用，因为getDataTable()它是 ChartWrapper 类的方法，它不是Dashboard该类的方法，因此您的“不是函数”错误消息。

于 2016-06-21T07:17:05.307 回答