javascript - 如何在 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.addColumn({type: 'date', label: 'Date'})

因为在我看来 new Date() 是一个日期。谷歌图表有不同的意见，所以我需要做的是:

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

就这样排序了。