如何在谷歌图表工具AngularJS中显示hAxis上的网格线?

时间:2014-11-17 12:21:37

标签: javascript angularjs google-visualization

我想在谷歌图表工具AngularJS中显示hAxis上的网格线。 这是我的代码:

$ scope.donneesGraphe = {};

    $scope.dataGraphe.type = 'LineChart';

    $scope.dataGraphe.data = {
        "cols": myCols,
        "rows": myRows
    };

    $scope.dataGraphe.options = {
        title: "",
        pointSize: 6,
        pointShape: 'round',
        hAxis: {
            title: 'Tiempo (hora)',
            gridlines: {
                color: '#F00'
            }
        },
        vAxis: {
            title: 'Distancia (km)',
            gridlines: {
                color: '#F00'
            }
        }
    };

我只在vAxis上看到网格线。

我使用的版本:0.0.8

提前致谢。

1 个答案:

答案 0 :(得分:0)

我找到了答案:

hAxis.gridlines:此选项仅支持连续轴。

  • 对于离散轴,将数据列类型设置为字符串。
  • 对于连续轴,请将数据列类型设置为以下值之一:number,date,datetime或timeofday。