javascript - 如何在谷歌图表中刷新页面后停止 x 轴文本相互重叠

标签 javascript jquery html css google-visualization

我在 jsfiddle 有一张谷歌图表.我的页面上也几乎没有输入字段,每当发生任何验证失败时,我都会看到如下所示的谷歌图表。 Image from local

注意:- 我的 jsfiddle 中没有任何仅供您引用的输入字段。如果您想进行任何更改并查看结果。

如何停止这种重叠。在第一次页面加载时一切正常。

最佳答案

文本的长度会使其重叠,自然是下一个文本的起点在上一个文本结束之前

解决方案:

  1. 使文本垂直

  2. 条形图是彩色的,所以请在图表下方列出什么颜色代表什么元素

  3. 在栏上使用工具提示,将鼠标悬停在栏上时显示文本

  4. 图表使用宽水平轴以容纳以下值

    如果您有评论中提到的空间限制,请使用解决方案 1 Verticle Lables

关于javascript - 如何在谷歌图表中刷新页面后停止 x 轴文本相互重叠,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25865745/

相关文章:

javascript - 使用当前选定的项目实现自动建议/选择 UI+ 单独的 div

Javascript onDrop 属性未分配

javascript - 如何获取JSON表的总行数?

jquery - Bootstrap (v4.4.1) 崩溃不适用于 jQuery (v3.5.0) - 错误 : Cannot convert object to primitive value

javascript - 单击按钮时不显示引导加载图标

html - 如何在不滚动的情况下使页眉和页脚可见?

Javascript 数组递归

javascript - 如何在d3js中显示堆积条形图的总值

javascript - 文件十六进制值检查不起作用

JavaScript 作业辅导