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

Javascript 如何在谷歌图表页面刷新后停止x轴文本相互重叠,javascript,jquery,html,css,google-visualization,Javascript,Jquery,Html,Css,Google Visualization,我有一张谷歌图表。我的页面上几乎没有输入字段,当任何验证失败时,我会看到我的谷歌图表,如下图所示 注意:-我的JSFIDLE中没有任何仅供参考的输入字段。如果您想进行任何更改并查看结果 如何阻止这种重叠。在第一次加载页面时,一切都很正常。文本的长度会使其重叠,因为下一个文本的起点在上一个文本结束之前 解决方案: 使文本垂直 条形图是彩色的,所以在图表下面列出什么颜色代表什么项目 使用工具栏上的工具提示,当您将鼠标悬停在工具栏上时,它将显示文本 为图形使用宽水平轴以适应以下值 如果您有注释中提到的

我有一张谷歌图表。我的页面上几乎没有输入字段,当任何验证失败时,我会看到我的谷歌图表,如下图所示

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


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

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

解决方案:

使文本垂直

条形图是彩色的,所以在图表下面列出什么颜色代表什么项目

使用工具栏上的工具提示,当您将鼠标悬停在工具栏上时,它将显示文本

为图形使用宽水平轴以适应以下值

如果您有注释中提到的空间限制,请使用解决方案1


我不会在JSFIDLE上看到这个。我想知道在页面加载后出现验证错误时是否会发生javascript错误。尝试检查您的控制台是否有错误。是的,在JSFIDLE上不会发生错误。甚至页面刷新也是第一次点击。这是给你的参考,这样你可以测试你的更改,而不必从头开始创建你的示例。你需要提供一个重现问题的示例。谢谢你回复Heena,但我的页面上有一些sizearea限制。@Jaikrat使用垂直标签解决方案也可以在最坏的情况下使用条形空间。代替文本重叠文本,文本重叠条将不会出现问题。为了更好的可读性,我本可以将文本背景换成另一种颜色,但图形的外观会受到影响。您可以尝试使用颜色和字体大小来适合自己。希望它对我们有帮助A是好的,但正如你们所看到的,我的问题已经有几个月了,这就是为什么我们使用fusioncharts。不过还是要谢谢你。