Google图表,在主要网格线之间放置标签

时间:2014-08-20 20:07:47

标签: google-visualization

我有ComboChart一行''月末统计系列,以及' bar'每日统计数据。

我使用ticks选项在每个月末而不是开头放置主要网格线。

与下图类似,标签直接位于“月末”的正下方。主要网格线。

我被要求将标签移到两个主要网格线之间,而不是以一个网格线的末端为中心。

enter image description here

我没有看到任何此类选项,我正在寻找解决方案或解决方法。

我考虑过将主要线路更改为“月中”,使线路不可见,并添加小网格线,然后在月底着陆。不幸的是,月度图表上的每日细节并不容易,因为不同的月份有不同的天数,因此主要网格线之间的距离可变。

我认为可能有一种方法可以通过相对定位将标签移到左侧?你会建议什么?

1 个答案:

答案 0 :(得分:0)

知道了!实际上,您可以将文本固定在右侧而不是中心,从而使文本显示在相应主网格线的左侧。

var options = {
  //.......
  hAxis: {
    slantedText: true, // anchors text as desired, rotates the text counter-clockwise
    slantedTextAngle: .00001, // disables rotation (setting this to zero caused labels to disappear entirely)
    showTextEvery: 1, // needed when slantedTextAngle is set to a small value
  }
}
// pass the options as you normally would when calling chart.draw