如何使用 Google Visualization 设置 hAxis 间隔答案

【问题标题】：How to set the hAxis interval with Google Visualization如何使用 Google Visualization 设置 hAxis 间隔
【发布时间】：2014-05-30 03:00:00
【问题描述】：

我使用谷歌可视化来显示图表，但是当我得到多行数据表时，我的图表看起来很乱，那么当有很多数据列时如何设置横轴间隔？

示例：我有每个月的横轴范围，但实际上我想设置每三个月的横轴范围。

【问题讨论】：

您不能指定间隔，但是，假设您的图表使用“日期”类型列而不是“字符串”类型列来表示月份，您可以使用 hAxis.gridlines.count 或 hAxis.ticks 选项指定标签的数量或指定应标记哪些轴值。

标签： ruby-on-rails google-visualization

【解决方案1】：

您可以使用d3 time intervals 在 Google 图表上为您生成干净的刻度。

d3.time.intervals 将生成一个列表，您可以将其传递给hAxis.ticks 选项。

例如：

ticks = d3.time.months(
    new Date(2013, 5, 1),  // start
    new Date(2014, 2, 1),  // stop
    3)                     // step

// Set chart options
var options = {
    title: 'your data',
    width: 400,
    height: 300,
    hAxis: {ticks: ticks}
};

http://jsfiddle.net/S7ETx/2/

【讨论】：