Javascript Google图表数据视图工具提示HTML呈现为字符串 我知道行在图表呈现时正确解析 @数据=新的google.visualization.arrayToDataTable行 如果@get'tooltipCol'不是false 列或[]。forEach列,索引=> 如果索引为0 回来 这会将每隔一列设置为工具提示 如果不是索引%2 @data.setColumnProperties索引{ 键入:“字符串” 角色:“工具提示” 'p':{'html':true} } 这将启动另一个函数,其中@data是上面的实际表数据 视图=新的google.visualization。DataView@data 这里的数据是模型选项,其中包括data.tooltip.isHtml:true @图表、绘图视图、数据

Javascript Google图表数据视图工具提示HTML呈现为字符串 我知道行在图表呈现时正确解析 @数据=新的google.visualization.arrayToDataTable行 如果@get'tooltipCol'不是false 列或[]。forEach列,索引=> 如果索引为0 回来 这会将每隔一列设置为工具提示 如果不是索引%2 @data.setColumnProperties索引{ 键入:“字符串” 角色:“工具提示” 'p':{'html':true} } 这将启动另一个函数,其中@data是上面的实际表数据 视图=新的google.visualization。DataView@data 这里的数据是模型选项,其中包括data.tooltip.isHtml:true @图表、绘图视图、数据,javascript,coffeescript,google-visualization,Javascript,Coffeescript,Google Visualization,我的图表数据解析得很好。它甚至似乎认识到我希望工具提示是html,因为呈现略有不同 但它基本上只是将html呈现为文本,而不是解析的html 有相当多的问题,所以问同样的问题,但似乎没有处理数据视图。这里有一个: 我使用DataView就像使用自定义图例隐藏和显示列一样。Google图表中工具提示的整个过程让这变得非常复杂,除了html的解析之外,一切都正常 任何建议。顺便说一句,上面的代码只是片段。希望你能跟上,如果不是我可以发布更多 回应tmdean 我尝试了view.toDataTable

我的图表数据解析得很好。它甚至似乎认识到我希望工具提示是html,因为呈现略有不同

但它基本上只是将html呈现为文本,而不是解析的html

有相当多的问题,所以问同样的问题,但似乎没有处理数据视图。这里有一个:

我使用DataView就像使用自定义图例隐藏和显示列一样。Google图表中工具提示的整个过程让这变得非常复杂,除了html的解析之外,一切都正常

任何建议。顺便说一句,上面的代码只是片段。希望你能跟上,如果不是我可以发布更多

回应tmdean 我尝试了view.toDataTable,但无法用它解析html,这让我很惊讶。然后我使用@chart.draw@data,data来使用原始数据表。这也不起作用,所以我想也许我做错了什么

我运行了data.getColumnProperties2 data这里是一个导出到控制台的变量,它引用了代码中的@data,这应该是我的第一个工具提示,这是我得到的:

看来是这样的

我还确保我在传递数据。tooltip.isHtml:是的,我是


我现在不知所措。看来这应该是件容易的事。我需要对html或任何东西进行编码吗?

在呈现数据视图之前,您是否尝试过将其转换为数据表?只需在DataView上调用toDataTable


谷歌可视化在呈现数据视图时有很多怪癖。通常最好只转换为DataTable,即使性能损失通常很小。

在呈现DataView之前,您是否尝试过将其转换为DataTable?只需在DataView上调用toDataTable


谷歌可视化在呈现数据视图时有很多怪癖。通常最好只转换为DataTable,即使性能损失通常很小。

这是一个记录不完整的功能,将现有列设置为工具提示,但找到了答案。p:{html:true}实际上是属性的缩写:{html:true}。所以我的猜测是:为什么要使用名为setColumnProperties的方法并将其作为参数属性?好吧,我试着把它去掉,它成功了:

data.setColumnProperties( 2, {
   role: 'tooltip',
   html: true 
})  

这是一个缺乏文档记录的功能设置,将现有列设置为工具提示,但已经找到了答案。p:{html:true}实际上是属性的缩写:{html:true}。所以我的猜测是:为什么要使用名为setColumnProperties的方法并将其作为参数属性?好吧,我试着把它去掉,它成功了:

data.setColumnProperties( 2, {
   role: 'tooltip',
   html: true 
})  

你想做哪个图表?并非所有人都支持自定义tooltips@juvian这是一张条形图你想画哪张图?并非所有人都支持自定义tooltips@juvian这是一个完美的酒吧!非常感谢。太好了!非常感谢。