如何在 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'})

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

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

然后排序。

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

How do I show x axis labels in a Google LinChart

javascript

google-visualization