如何使用Google Visualization设置hAxis间隔

Question

我使用Google可视化来显示图表，但是当我获得多行数据表时，它会使我的图表看起来很混乱，那么当有多列数据时如何设置水平轴间隔？

示例：我每个月都有水平轴的范围，但实际上我想每三个月设置一次水平轴范围。

Answer 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/