如何在Google LinChart中显示x轴标签

Question

我正在试用Google图表来为我的应用呈现折线图。事情大多有效，我得到以下结论：

我剩下的一个问题是我只获得一个x轴标签。 （12:00）。

我想显示更多x轴标签，所以我尝试添加网格线属性：

    // Line chart visualization
    var myLine = new google.visualization.ChartWrapper({
        'chartType': 'LineChart',
        'containerId': 'line_div'
    });

    myLine.setOptions({
        'title': 'My Chart',
        lineWidth: 1,
        colors: ['#006600', '#FF0000'],
        vAxes: [
            {title: 'AAA', titleTextStyle: {color: '#000000'}}, // Left axis
            {title: 'BBB', titleTextStyle: {color: '#000000'}} // Right axis
        ],
        hAxis: {
            format: 'hh:mm',
            gridlines: {count: 20}
        },
        series: [
            {targetAxisIndex: 1},
            {targetAxisIndex: 0}
        ]
    });

但没有运气，它仍然只显示一个标签而没有x轴网格线。

如何获得更多x轴标签？

Answer 1

问题原来是我填充DataTable的方式。我正在使用：

dataTable.addColumn({type: 'date', label: 'Date'})

因为我认为新的Date（）是一个日期。谷歌图表有不同的意见，所以我需要做的是：

dataTable.addColumn({type: 'datetime', label: 'Date'})

并对其进行了排序。