谷歌图表的列注释不适合答案

【问题标题】：Google Chart's Column Annotations don't Fit谷歌图表的列注释不适合
【发布时间】：2015-04-29 12:26:21
【问题描述】：

我正在尝试使用 Google 的 Chart API 创建带注释的堆积柱形图。但是，我无法正确显示注释。当注释太大而不能放在列内时，它显然应该显示在顶部（这里有，用于列 1、2、3 和 7）。但是，我没有始终如一地这样做，而是将许多注释表示为“...”（这显然是无用的）。

所有注释都是 2-3 位数字，所以没有理由不适合。这是一个已知的错误？是否有通过格式化注释的解决方法？我尝试过调整字体大小，但在字体非常小（1 或 2pt）之前会出现相同的行为。

这曾经在 Image Charts API 中工作，但我正在尝试转移到新的 API 并且无法解决这个注释问题。任何帮助将不胜感激。

【问题讨论】：

【解决方案1】：

我终于想通了，所以对于任何感兴趣的人来说，诀窍本质上就是使用 ComboChart。不是直接注释列，而是添加具有相同数据 (lineWidth: 0) 的不可见线系列，然后注释该线。

Andrew Gallant 的这个 JSFiddle 说明了...... http://jfiddle.net/asgallant/QjQNX/

只需很少的操作，这也可以用于堆叠柱形图。

此外，如果您想摆脱刻度线，您可以使用 javascript 将所有 width=1 的 svg rect 元素设置为 width=0

【讨论】：