Google图表：折线图hAxis标签居中

时间：2015-09-16 13:45:25

标签： javascript date google-visualization linechart

我正在使用Google Charts的折线图，并将以下示例放在一起：http://codepen.io/anon/pen/epJqaX

如您所见，所有数据点都有日期，值1和值2。

目前我只将此代码用于hAxis：

hAxis: {
  format: 'MMMM',
  ticks: dateTicks,
}

现在hAxis上的标签始终位于垂直线的中心，但我希望它们在相应的月份中居中，如下图所示：

enter image description here

我怎么能这样做？

1 个答案:

答案 0 :(得分：2)

第一个答案（semirturgay）是正确的方向，但是有一些严重的问题：

  • 它不起作用，至少应该包含在ready事件
    • 中
  • 它没有注意本地化。例如，当我运行OP提供的代码时，月份被转换为＆＃34; januar＆＃34;，＆＃34; februar＆＃34;因为我位于丹麦。将硬编码字符串与谷歌可视化本地化格式化值进行比较并不明智，将失败。
  • 正在使用jQuery

这是一个使用谷歌可视化自己的格式方法的有效的vanilla解决方案，如果需要更改date的格式（只需将DateFormat({pattern: 'MMMM'})更改为{的任何值，也很容易更改） {1}}：hAxis）：

format

已将codepen代码移动到小提琴 - ＆gt;的 http://jsfiddle.net/no4ztpuc/

相关问题
最新问题