如何将Google Chart API连接到Express API

问题描述

我创建了API以从MysqL提取数据。我想做的是将API的响应(输出)连接到Google Chart。问题是图表未显示API响应。知道我会怎么做吗?

这是我的代码

// api connection
var request = new XMLHttpRequest()
request.open('POST','http://localhost:3000/api',true)
request.setRequestHeader("Content-Type","application/x-www-form-urlencoded")

var obj
request.onreadystatechange = function() {
    // check api status
    if (this.readyState == 4 && this.status == 200) {

        // response
        obj = JSON.parse(this.responseText)
    }

    // google chart
    google.charts.load("current",{packages:["corechart"]})
    google.charts.setonLoadCallback(pieChart)

    // piechart function
    function pieChart() {

        // push response
        var pieData = []
        obj.forEach(item => {
            pieData.push([item.title,item.data)]
        })

        // add response to chart
        var data = new google.visualization.DataTable()
        data.addColumn('string','Title')
        data.addColumn('string','Size')
        data.addRows(pieData)

        var options = {
            title: '',is#D: true
        }

        var chart = new google.visualization.PieChart(document.getElementById('piechart_3d')
        chart.draw(data,options)
    }
}

谢谢。

解决方法

client_secret

来源:http://jsfiddle.net/K8bk3