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

Javascript 如何在Google LinChart中显示x轴标签,javascript,google-visualization,Javascript,Google Visualization,我正在试用Google charts为我的应用程序渲染折线图。事情基本上是可行的,我得到了以下几点: 剩下的一个问题是,我只得到一个x轴标签。(12:00) 我想显示更多的x轴标签,所以我尝试添加gridlines属性: // Line chart visualization var myLine = new google.visualization.ChartWrapper({ 'chartType': 'LineChart', 'contai

我正在试用Google charts为我的应用程序渲染折线图。事情基本上是可行的,我得到了以下几点:

剩下的一个问题是,我只得到一个x轴标签。(12:00)

我想显示更多的x轴标签,所以我尝试添加gridlines属性:

    // 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轴标签?

问题在于如何填充数据表。我使用的是:

dataTable.addColumn({type: 'date', label: 'Date'})
因为在我看来,新的约会()就是约会。谷歌图表有不同的观点,所以我需要做的是:

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

这就解决了问题。

问题在于我是如何填充数据表的。我使用的是:

dataTable.addColumn({type: 'date', label: 'Date'})
因为在我看来,新的约会()就是约会。谷歌图表有不同的观点,所以我需要做的是:

dataTable.addColumn({type: 'datetime', label: 'Date'})
就这样分类了