Google visualization 更改谷歌折线图上的轴类型

我从服务器上获取一些谷歌分析数据，并将其作为JSON传递给谷歌图表。我不知道如何使图表呈现为带有线条的日期轴。我现在看起来像这样，我需要它看起来像这样

这是密码

var Simple_data = new google.visualization.DataTable(Simple_setData(), 0.5);
visualization = new google.visualization.LineChart(document.getElementById('report_Simple'));
visualization.draw(Simple_data, Simple_options);

var Simple_options = { "title": "Test" };
function Simple_setData() {
    var Simple_JsonTable = { cols: [{id: 'ga:date', label: 'date', type: 'string'}, {id: 'ga:visits', label: 'visits', type: 'number'}, {id: 'ga:newVisits', label: 'new visits', type: 'number'}], rows: [{c:[{v: '10/14/2013'}, {v: 333}, {v: 266}]}, {c:[{v: '10/18/2013'}, {v: 161}, {v: 109}]}, {c:[{v: '10/24/2013'}, {v: 224}, {v: 163}]}]};
    return Simple_JsonTable;
}

---

提前感谢

我假设您的

Simple_setData

函数是从Google Analytics获取数据的代码的替身，并且您的数据获取函数以完全相同的格式返回数据。如果不想修改源，可以使用DataView将日期字符串转换为日期对象，如下所示：

var view = new google.visualization.DataView(Simple_data);
view.setColumns([{
    type: 'date',
    label: Simple_data.getColumnLabel(0),
    calc: function (dt, row) {
        var dateArray = dt.getValue(row, 0).split('/');
        var year = parseInt(dateArray[2]);
        var month = parseInt(dateArray[0]) - 1; // subtract 1 to convert to javascript's 0-indexed months
        var day = parseInt(dateArray[1]);
        return new Date(year, month, day);
    }
}, 1, 2]);

绘制图表而不是数据表时使用数据视图：

visualization.draw(view, Simple_options);

---

我从此行中得到一个数据未定义错误-label:data.getColumnLabel（0）-感谢您的帮助解决了这个问题。谢谢——我从另一段代码中复制了它，但忘了更改那一行。现在修好了。