Question

我尝试过修复此问题，但无法找到与haxis标签有关的问题...

在下图中，您会注意到haxis上的最后一个百分比标签未显示。我不确定是什么问题。我已经尝试过使用chartArea宽度和左边的值，但这似乎没有用。我还确保包含div足够宽，因此它不会切断'100％'标签。

有什么想法吗？

enter image description here

更新w / jsFiddle

<body bgcolor = "black">

    <div id="chart_language_div"></div>

    <div id="chart_api_div"></div>

    <div id="chart_software_div"></div>
</body>

从我的div声明中可以看出，我在示例中没有任何包含div，但问题仍然存在。

Answer 1

这是您的问题代码

chartArea: {left: 140, width:'80%', height:'70%'},

这是一个解决方案

chartArea: {left: 140, width: 420, height:'70%'},

基本上，你没有创建标签是正确的。看起来谷歌在制作标签之前检查图表宽度，因此谷歌图表从不创建它，而不是浏览器剪切标签。

因此，如果包含div为580，左侧属性为140，图表宽度为80％（464px），则表示溢出。数学是464 + 140 = 604，它大于包含的元素宽度（580）。将宽度设置为平坦420将为您提供120 + 420 = 560，为右侧的标签留下20px。

我建议永远不要混用百分比和固定宽度（这适用于我处理的每个布局引擎）。百分比高度和固定宽度都可以。

Jsfiddle：http://jsfiddle.net/sbo2ggp3/4/

谷歌图表条形图最后一次价值标签截止

1 个答案: