设置图表选项tooltip
以确保显示html工具提示
tooltip: {
isHtml: true
}
然后你可以覆盖工具提示类, 使用以下css来防止包装...
.google-visualization-tooltip-item {
white-space: nowrap;
}
尝试在此类.google-visualization-tooltip
上添加一些CSS属性:
.google-visualization-tooltip { width:300px; background-color: red; }
最佳解决方案是不要手动增加工具提示的宽度。相反,在工具提示的HTML中,将整个内容包装在div
元素中。使用CSS样式white-space: nowrap;
强制它保持在同一行。我也想添加margin: 1em;
以使它看起来更好一些。