Javascript 如何显示/隐藏google图表的表格单元格内容

我正在使用

googlecharts表

显示服务器抛出的异常。现在的问题是错误/异常太长（行太多），显示在单元格中

我想知道如何使每个单元格只显示错误消息的摘要，并在单元格摘要的开头添加加号/扩展号（

+

）。因此，当单击

+

时，会弹出一个模式框，显示所有错误消息

现在我已经使模式框工作，当我点击一个单元格时，一个出现错误的模式框出现。问题真的归结到

如何编写一些js函数，将错误抽象到单元格中显示的一行或几行

如何在单元格的开头添加一个

+

，并创建一个事件处理程序来侦听事件，如单击

+

，以便立即弹出一个模式框

另外一个问题是，在

谷歌图表

表格单元格中是否有一个漂亮的

+

小工具

提前谢谢

如何编写一些将错误抽象为一个错误的js函数 或在单元格中显示的几行

您可以使用javascript

substring

函数截断单元格中的值

如何在单元格的开头添加+并创建事件 侦听事件的处理程序，如单击+，以便 框将立即弹出 您可以启用html以添加您想要的所有内容，例如带有“+”符号的链接，将选项

allowHtml:true

添加到

谷歌表中

请参见下面的示例，我用一个
警报显示“长消息”，您可以很容易地用一个或另一个很酷的对话框来显示它


const MAX_LENGTH=30；
load（'current'，{'packages'：['table']}）；
google.charts.setOnLoadCallback（drawTable）；
函数drawTable（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'string'，'Server IP'）；
data.addColumn（'string'，'Exception'）；
data.addColumn（'boolean'，'Critical'）；
var logData=[]；
logData.push（formatRow（1，'10.0.0.1'，longExp，false））；
logData.push（formatRow（2，'10.0.0.2'，longExp，true））；
logData.push（formatRow（3，'10.0.0.2'，longExp，false））；
push（formatRow（4，'10.0.0.3'，'Short exception'，true））；
logData.push（formatRow（5，'10.0.0.3'，longExp，false））；
data.addRows（logData）；
var table=新的google.visualization.table（document.getElementById（'table_div'）；
draw（数据，{showRowNumber:true，宽度：'100%，高度：'100%，allowHtml:true}）；
}
var longExp='java.io.IOException:Cannot run program”/home/Work/jre1.6.0_45/bin/java:error=13，权限被拒绝\n在java.lang.ProcessBuilder.start（ProcessBuilder.java:1048）\n在java.lang.Runtime.exec（Runtime.java:620）\n在\njava.lang.Runtime.exec（Runtime.java:528）\n在org.eclipse.debug.core.DebugPlugin.exc（DebugPlugin.java:879）\n位于org.eclipse.jdt.launching.AbstractVMRunner.exec（AbstractVMRunner.java:91）\n位于org.eclipse.jdt.internal.launching.StandardVMRunner.run（StandardVMRunner.java:413）\n org.eclipse.jdt.internal.launching.environments.Analyzer.analyze（Analyzer.java:41）'；
函数formatRow（id、ip、错误消息、关键性）{
如果（错误消息长度>最大长度）{
err_msg=err_msg.substring（0，最大长度）+“&hellip；”；
err_msg+=''；
}
返回[ip，err_msg，criticity]；
}
功能显示（id）{
//TODO:从id获取完整消息
警报（longExp）；
}

请提供代码示例或JSFIDLE。没有办法知道你在这篇文章中使用的是什么。代码工作得很好，但唯一的问题是表格不能显示
&hellip
或
..
。我使用此代码截断字符串：
函数truncate（n，useWordBoundary）{if（this.length我看不出该函数有什么问题，请提供一个代码片段，不管你使用的是
&hellip
还是
&hellip；
，你可能忘记了分号吗？看来
这个
函数把
truncate
函数搞砸了，所以为需要截断的字符串添加了另一个参数，解决了问题，但是必须使用
..
而不是
&hellip
，尽管启用了
allowHtml
。我不明白为什么…我更新了上面的代码片段，而
&hellip；
仍然有效。