Charts Google图表偏移水平轴标记标签

有人知道是否有可能偏移标记，使它们出现在谷歌图表的列之间吗

所以它看起来像这个设计模型

而不是像下面这样直接与列内联的标记，这是google.visualization.ColumnChart api的默认行为

我已经在文档中搜索过了，但是找不到任何允许这种定制的选项的参考。有人知道在渲染布局之后，是否有办法操纵布局吗？或者，如果事实上有一个选项可以这样做，但我只是忽略了它

---

感谢图表以

结构呈现，其中包含

、

、

（和其他）元素。图表的结构各不相同，如果省略基本的图表元素，内部顺序可能会发生变化。水平轴元素渲染为

12

要了解在

结构中在何处查找这些

元素，可以将图表的渲染代码复制到能够设置代码样式的编辑器中，或者使用

然后使用DOM方法，例如

querySelector

、

querySelectorAll

、getElementsByTagName等，简单地遍历

查看此

google.visualization.columnhart

：

通过更改属于水平轴的每个

元素的

x

属性，我们可以获得显示在列之间的标签：

google.visualization.events.addListener（图表'ready'，updateAxis）；

函数updateAxis（）{
变量x，
svg=document.getElementById（'chart'）.querySelector（'svg'），
g=svg.querySelectorAll（'g'），
chartArea=g[3]。查询选择器all（'g'），
hAxisTexts=chartArea[5]。querySelectorAll（'text'）；
//0-15个标签，其余属于yAxis
对于（var i=0；i9）{
x=x-15；
}否则{
x=x-18；
}     
hAxisTexts[i].setAttribute（'x'，x）；
}    
}

演示->

这只是一个例子。您可能需要针对持有

的不同

元素，并且如何操作

x

或

的其他属性取决于图表的布局