html - 谷歌图表 : How to increase width of tooltip

标签 html css charts google-visualization

我正在使用 Google Charts 柱形图。 enter image description here

在此处,如果您观察到服务器计算时间值被中断到下一行。 根据要求,它应该在同一行。 请帮助我可能的解决方案

最佳答案

设置图表选项 tooltip 以确保显示 html 工具提示

  tooltip: {
    isHtml: true
  }

然后你可以覆盖工具提示类,
使用以下 css 来防止包装...

.google-visualization-tooltip-item {
  white-space: nowrap;
}

关于html - 谷歌图表 : How to increase width of tooltip,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45142164/

相关文章:

css - SVG 元素之间的奇数间距

javascript - HTML5 透视网格

python - Django 表单不会显示

charts - 如何在react-pdf/renderer中使用Chart.js或recharts

javascript - 单击按钮时显示/隐藏 div 元素

html - 将 css 文件合二为一会破坏站点布局

html 表单 - 使输入出现在同一行

javascript - 元素 offsetHeight 总是 "0"

html - 如何只显示数组谷歌图表中的刻度

javascript - 向下钻取热图图表